{"id":4378,"date":"2020-09-14T16:22:42","date_gmt":"2020-09-14T13:22:42","guid":{"rendered":"http:\/\/adoric.com\/features\/?p=4378"},"modified":"2021-05-20T14:28:52","modified_gmt":"2021-05-20T11:28:52","slug":"drag-and-drop-builder","status":"publish","type":"post","link":"https:\/\/adoric.com\/features\/drag-and-drop-builder\/","title":{"rendered":"Drag and Drop Builder"},"content":{"rendered":"<p>In the early days of the internet, you needed to have, at minimum, a fairly good coding skill to build out web pages, pop-ups, emails, etc.<\/p>\n<p>Not only was this approach time consuming, it was also difficult, especially for non-coders.<\/p>\n<p>But all that has changed now, thanks to drag-and-drop builders. Now, you can build whatever you like on the web, without having to write a single line of code.<\/p>\n<p>Plus you get to do so without hiring a developer, and in a short time frame.<\/p>\n<h2>Adoric Drag and Drop Builder<\/h2>\n<p>With Adoric\u2019s drag and drop builder, you can create stylish, high-converting marketing campaigns like pop-ups, notification bars, and sliders in a matter of minutes.<\/p>\n<p>And the best part is that you don\u2019t have to be a developer or know a single thing about coding to use it.<\/p>\n<h3>Why Use Adoric\u2019s Drag and Drop Builder?<\/h3>\n<p>Adoric comes with loads of meticulously designed templates.<\/p>\n<p>Hence, if you are pressed for time or have limited design skills, just pick a <a target=\"_blank\" href=\"https:\/\/adoric.com\/features\/tons-of-templates\/\">template<\/a> that best suits your campaign, and tweak it accordingly.<\/p>\n<blockquote>\n<pre>Looking to save time without compromising on design quality? Pick from our <a target=\"_blank\" href=\"https:\/\/adoric.com\/templates\">tons of templates<\/a> - they are free<\/pre>\n<\/blockquote>\n<p>But if you have a specific design in mind plus a little time to spare, the drag and drop editor is your best bet.<\/p>\n<p>It allows you to create stunning, visually-appealing campaign designs just by dragging and dropping design elements like buttons, icons, etc. into the <a href=\"#canvas\">canvas<\/a> area.<\/p>\n<p>Other benefits of using our drag &amp; drop builder include<\/p>\n<ul>\n<li style=\"font-weight: 400;\">Better user experience for your visitors<\/li>\n<li style=\"font-weight: 400;\">Unlimited customization options<\/li>\n<\/ul>\n<p>With Adoric\u2019s drag &amp; drop editor, your imagination is the only limiting factor to what you can create.<\/p>\n<h3>How It Works<\/h3>\n<p>Just click, drag, drop, and then tweak. That\u2019s all!<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-4430\" src=\"https:\/\/adoric.com\/features\/wp-content\/uploads\/2020\/09\/Adoric-drag-and-drop-builder-1.gif\" alt=\"Adoric drag and drop builder\" width=\"680\" height=\"327\" \/><\/p>\n<p>Like earlier mentioned, you don&#8217;t need to know a single thing about coding to do this.<\/p>\n<p>Also, the design editor has a grid alignment system that lets you position your design elements exactly where you want them.<\/p>\n<div class=\"edit_blue_btn\"><a target=\"_blank\" href=\"https:\/\/adoric.com\/subscribe\">Start using Adoric<\/a><\/div>\n<h3>Design for Mobile<\/h3>\n<p>With mobile internet usage steadily taking over the desktop, the importance of optimizing your campaigns for mobile and tablet devices can\u2019t be over-emphasized.<\/p>\n<p>Our drag &amp; drop editor allows you to create custom, mobile-friendly campaign designs from scratch.<\/p>\n<p>All you have to do is to set the canvas size to match the screen size you are looking to target, and then build out your design.<\/p>\n<p>Here&#8217;s an illustration.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-4462 size-full\" src=\"https:\/\/adoric.com\/features\/wp-content\/uploads\/2020\/09\/Image-01.jpg\" alt=\"Adoric mobile popup\" width=\"1200\" height=\"750\" \/><\/p>\n<h3>What Can You Create with Adoric\u2019s Drag and Drop Builder?<\/h3>\n<p>Our intuitive drag and drop builder allows you to build:<\/p>\n<ul>\n<li style=\"font-weight: 400;\">Popup boxes<\/li>\n<li style=\"font-weight: 400;\">Sliders (slide-ins)<\/li>\n<li style=\"font-weight: 400;\">Top bars (sticky bars)<\/li>\n<\/ul>\n<h4><a target=\"_blank\" href=\"https:\/\/adoric.com\/templates?layout=boxes\">Popup Boxes<\/a><\/h4>\n<p>They are an excellent conversion optimization tool, which when used properly can help you get more subscribers and grow your sales.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-4436\" src=\"https:\/\/adoric.com\/features\/wp-content\/uploads\/2020\/09\/Adoric-Popups.gif\" alt=\"Adoric popup\" width=\"680\" height=\"443\" \/><\/p>\n<p>You use them when you want to<\/p>\n<ul>\n<li style=\"font-weight: 400;\">Collect emails from your visitors<\/li>\n<li style=\"font-weight: 400;\">Promote products to your customers<\/li>\n<li style=\"font-weight: 400;\">Conduct a survey<\/li>\n<li style=\"font-weight: 400;\">Ask for donations<\/li>\n<li style=\"font-weight: 400;\">And lots more<\/li>\n<\/ul>\n<h4><a target=\"_blank\" href=\"https:\/\/adoric.com\/templates?layout=sliders\">Sliders<\/a><\/h4>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-4437\" src=\"https:\/\/adoric.com\/features\/wp-content\/uploads\/2020\/09\/Adoric-slider.gif\" alt=\"Adoric slider\" width=\"680\" height=\"443\" \/><\/p>\n<p>Sliders, are a great option when you are looking to<\/p>\n<ul>\n<li style=\"font-weight: 400;\">Fire up your campaign when a user scrolls down your webpage<\/li>\n<li style=\"font-weight: 400;\">Generate leads without risking irritating your visitors<\/li>\n<li style=\"font-weight: 400;\">Promote dynamic content<\/li>\n<li style=\"font-weight: 400;\">Recommend personalized products to visitors<\/li>\n<li style=\"font-weight: 400;\">Ask for feedback from your users<\/li>\n<\/ul>\n<h4><a target=\"_blank\" href=\"https:\/\/adoric.com\/templates?layout=bars\">Top Bar<\/a><\/h4>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-4438\" src=\"https:\/\/adoric.com\/features\/wp-content\/uploads\/2020\/09\/Adoric-top-bar.gif\" alt=\"Adoric top bar\" width=\"680\" height=\"443\" \/><\/p>\n<p>Top bars are best used when you are looking to<\/p>\n<ul>\n<li style=\"font-weight: 400;\">Pass across information to your visitors<\/li>\n<li style=\"font-weight: 400;\">Promote time-sensitive offers<\/li>\n<li style=\"font-weight: 400;\">Subtly ask for your visitors&#8217; email<\/li>\n<li style=\"font-weight: 400;\">Promote personalized content based on your users\u2019 behavior and preferences<\/li>\n<\/ul>\n<p>Adoric\u2019s builder allows you to create high-converting popups, sliders, and top bars in a breeze.<\/p>\n<p>So, aside from popup boxes, top bars, and sliders, what other stuff can you create with Adoric\u2019s design editor? A lot! Here are some<\/p>\n<ul>\n<li style=\"font-weight: 400;\">In-page forms: these are forms you can insert natively into your pages, without writing a single line of code.<\/li>\n<li style=\"font-weight: 400;\">Carousel: Carousels are a great option if you are looking to <a target=\"_blank\" href=\"https:\/\/web.facebook.com\/business\/news\/carousel-ads?_rdc=1&amp;_rdr\">lower your conversion cost<\/a>. They are easy to create and can be deployed in a matter of minutes.<\/li>\n<li style=\"font-weight: 400;\">Multi-step forms: With multi-step forms, you can drastically improve your website\u2019s conversion rate.<\/li>\n<\/ul>\n<h3 id=\"canvas\">Canvas Technology<\/h3>\n<p>The canvas is where all the magic happens in Adoric\u2019s drag and drop builder.<\/p>\n<p>It is actually where you get to build your custom campaign designs from scratch.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-4463 size-full\" src=\"https:\/\/adoric.com\/features\/wp-content\/uploads\/2020\/09\/Image-02.jpg\" alt=\"Adoric drag and drop builder canvas\" width=\"1200\" height=\"750\" \/><\/p>\n<p>Additionally, with the Canvas, you can<\/p>\n<ul>\n<li style=\"font-weight: 400;\">Add background color to your campaign<\/li>\n<li style=\"font-weight: 400;\">Set box shadow effect to your designs<\/li>\n<li style=\"font-weight: 400;\">Adjust the opacity of your forms<\/li>\n<li style=\"font-weight: 400;\">Add and tweak design elements like buttons, fonts, icons, etc.<\/li>\n<\/ul>\n<h3>Preview Option<\/h3>\n<p>Wouldn\u2019t it be nice if you could see how your campaign design would look like on your website before it gets published?<\/p>\n<p>Of course, it would!<\/p>\n<p>Thankfully, Adoric\u2019s design editor allows you to preview your campaign designs before publishing it, at the click of the button.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-4464 size-full\" src=\"https:\/\/adoric.com\/features\/wp-content\/uploads\/2020\/09\/Image-03.jpg\" alt=\"Adoric drag and drop preview\" width=\"1200\" height=\"748\" \/><\/p>\n<h3>Audience and Campaign Triggers<\/h3>\n<p>To enjoy optimal results with your campaigns, it\u2019s important you show them to the right audience, and at the right time.<\/p>\n<p>Adoric allows you to precisely target your select <a target=\"_blank\" href=\"https:\/\/adoric.com\/features\/audience-targeting\/\">audience<\/a> based on<\/p>\n<ul>\n<li style=\"font-weight: 400;\">Traffic source<\/li>\n<li style=\"font-weight: 400;\">Language<\/li>\n<li style=\"font-weight: 400;\">Device type<\/li>\n<li style=\"font-weight: 400;\">Geolocation<\/li>\n<li style=\"font-weight: 400;\">Etc.<\/li>\n<\/ul>\n<p>On top of that, you can set <a target=\"_blank\" href=\"https:\/\/adoric.com\/features\/triggers\/\">trigger<\/a> rules on your campaigns based on<\/p>\n<ul>\n<li style=\"font-weight: 400;\">Time delay<\/li>\n<li style=\"font-weight: 400;\">Page scroll<\/li>\n<li style=\"font-weight: 400;\">Unique event<\/li>\n<li style=\"font-weight: 400;\">Exit intent<\/li>\n<li style=\"font-weight: 400;\">Mouse action<\/li>\n<\/ul>\n<p>And the best part is that you can access both the Audience and Targeting features right from the design editor.<\/p>\n<h2>What Next?<\/h2>\n<p>Now you\u2019ve seen what Adoric\u2019s drag and drop design editor can do, it\u2019s about time you <a target=\"_blank\" href=\"https:\/\/adoric.com\/subscribe\">created an account<\/a>, and put your imagination to the test.<\/p>\n<p>Adoric is free, so don\u2019t worry &#8211; we won\u2019t ask for your credit card details.<\/p>\n<div class=\"edit_blue_btn\"><a target=\"_blank\" href=\"https:\/\/adoric.com\/subscribe\">Sign up for free<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>In the early days of the internet, you needed to have, at minimum, a fairly good coding skill to build<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false},"categories":[22],"tags":[28,29,30],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Free Drag and Drop Builder for your Marketing Campaigns by Adoric<\/title>\n<meta name=\"description\" content=\"Adoric provides drag and drop builder for your marketing campaigns for Free. Create stylish, high-converting marketing campaigns like pop-ups, notification bars, and sliders in a matter of minutes.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/adoric.com\/features\/drag-and-drop-builder\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Free Drag and Drop Builder for your Marketing Campaigns by Adoric\" \/>\n<meta property=\"og:description\" content=\"Adoric provides drag and drop builder for your marketing campaigns for Free. Create stylish, high-converting marketing campaigns like pop-ups, notification bars, and sliders in a matter of minutes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/adoric.com\/features\/drag-and-drop-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"Adoric Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-14T13:22:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-20T11:28:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/adoric.com\/features\/wp-content\/uploads\/2020\/09\/Adoric-drag-and-drop-builder-1.gif\" \/>\n<meta name=\"author\" content=\"Christopher Ike\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Christopher Ike\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Free Drag and Drop Builder for your Marketing Campaigns by Adoric","description":"Adoric provides drag and drop builder for your marketing campaigns for Free. Create stylish, high-converting marketing campaigns like pop-ups, notification bars, and sliders in a matter of minutes.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/adoric.com\/features\/drag-and-drop-builder\/","og_locale":"en_US","og_type":"article","og_title":"Free Drag and Drop Builder for your Marketing Campaigns by Adoric","og_description":"Adoric provides drag and drop builder for your marketing campaigns for Free. Create stylish, high-converting marketing campaigns like pop-ups, notification bars, and sliders in a matter of minutes.","og_url":"https:\/\/adoric.com\/features\/drag-and-drop-builder\/","og_site_name":"Adoric Blog","article_published_time":"2020-09-14T13:22:42+00:00","article_modified_time":"2021-05-20T11:28:52+00:00","og_image":[{"url":"https:\/\/adoric.com\/features\/wp-content\/uploads\/2020\/09\/Adoric-drag-and-drop-builder-1.gif"}],"author":"Christopher Ike","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Christopher Ike","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/adoric.com\/features\/#website","url":"https:\/\/adoric.com\/features\/","name":"Adoric Features","description":"Conversion rate optimization blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/adoric.com\/features\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/adoric.com\/features\/drag-and-drop-builder\/#primaryimage","url":"https:\/\/adoric.com\/features\/wp-content\/uploads\/2020\/09\/Adoric-drag-and-drop-builder-1.gif","contentUrl":"https:\/\/adoric.com\/features\/wp-content\/uploads\/2020\/09\/Adoric-drag-and-drop-builder-1.gif","width":680,"height":327,"caption":"Adoric drag and drop builder"},{"@type":"WebPage","@id":"https:\/\/adoric.com\/features\/drag-and-drop-builder\/#webpage","url":"https:\/\/adoric.com\/features\/drag-and-drop-builder\/","name":"Free Drag and Drop Builder for your Marketing Campaigns by Adoric","isPartOf":{"@id":"https:\/\/adoric.com\/features\/#website"},"primaryImageOfPage":{"@id":"https:\/\/adoric.com\/features\/drag-and-drop-builder\/#primaryimage"},"datePublished":"2020-09-14T13:22:42+00:00","dateModified":"2021-05-20T11:28:52+00:00","author":{"@id":"https:\/\/adoric.com\/features\/#\/schema\/person\/238637854906881584582dd00dfba1d6"},"description":"Adoric provides drag and drop builder for your marketing campaigns for Free. Create stylish, high-converting marketing campaigns like pop-ups, notification bars, and sliders in a matter of minutes.","breadcrumb":{"@id":"https:\/\/adoric.com\/features\/drag-and-drop-builder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/adoric.com\/features\/drag-and-drop-builder\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/adoric.com\/features\/drag-and-drop-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/adoric.com\/features\/"},{"@type":"ListItem","position":2,"name":"Drag and Drop Builder"}]},{"@type":"Person","@id":"https:\/\/adoric.com\/features\/#\/schema\/person\/238637854906881584582dd00dfba1d6","name":"Christopher Ike","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/adoric.com\/features\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8fc8c1ad90c77eb2b410d87711de08bb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8fc8c1ad90c77eb2b410d87711de08bb?s=96&d=mm&r=g","caption":"Christopher Ike"},"url":"https:\/\/adoric.com\/features\/author\/christopher\/"}]}},"_links":{"self":[{"href":"https:\/\/adoric.com\/features\/wp-json\/wp\/v2\/posts\/4378"}],"collection":[{"href":"https:\/\/adoric.com\/features\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/adoric.com\/features\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/adoric.com\/features\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/adoric.com\/features\/wp-json\/wp\/v2\/comments?post=4378"}],"version-history":[{"count":10,"href":"https:\/\/adoric.com\/features\/wp-json\/wp\/v2\/posts\/4378\/revisions"}],"predecessor-version":[{"id":4644,"href":"https:\/\/adoric.com\/features\/wp-json\/wp\/v2\/posts\/4378\/revisions\/4644"}],"wp:attachment":[{"href":"https:\/\/adoric.com\/features\/wp-json\/wp\/v2\/media?parent=4378"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/adoric.com\/features\/wp-json\/wp\/v2\/categories?post=4378"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/adoric.com\/features\/wp-json\/wp\/v2\/tags?post=4378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}