![\"\"](\"/static/356d9bacb5efbdc309475c9695d29c6a/85b06/1-Campaign-Menu.png)
At Optinly we have just made popup building easy for you with our drag and drop builder. Read on to learn how to make your own custom format popups now.
\n","content":"\nSo, what’s new in Optinly? Our devs have come up with a brand new drag and drop popup builder, that’s what!
\n\n\n\nThe new builder is both your blank canvas and an editable tool for customizing any pop-up into any way your imagination leads you to. This article will guide you through starting with it.
\n\n\n\nIf you are a regular Optinly user, this guide will help you. It will be just as easy if you are new to Optinly because the builder works like a charm with a minimal learning curve. No time like the present, so let’s get started. You’ve signed into your Optinly account; let’s start from there.
\n\n\n\nGo to Campaigns Menu and click on the Create Campaign button.
\n\n\n\nIn the Create New Campaign section, set a title for your campaign and set your intent.
\n\n\n\nHere you will find our new drag and drop editor, click on it, and get started with a popup builder where creativity is your only limit.
\n\n\n\nNow, you can create a popup with a blank canvas using the “Start From Scratch” template. Or you can use some use-case-based prebuilt templates, which you can customize to your need. Do you need more text or add an image, maybe an extra call to action button? Anything is possible with Optinly’s latest drag and drop pop-up builder.
\n\n\n\nAfter picking a template, you can set display rules on when the popup should appear, where and how often it should occur for recurring visitors or subscribers. These features are already present in Optinly. Now let’s get to the pop-up customization. Click customize in the pop-up editor screen, as shown below.
\n\n\n\nYou can build popups by blocks or individual content types to give you more flexibility. I am making my first popup with individual content types.
\n\n\n\nTo show the versatility of the blank canvas template, I have picked it for the first example. As you can see, the canvas is for you to create as you choose, and there are nine types of content to build your popup from columns to images. Just drag the content and drop it in the template
\n\n\n\nI have added a Heading, an image, a text block, and a Call to Action button for the sample popup.
\n\n\n\nNow let’s head to customization. My pop-up campaign is a welcome offer, and I have added heading and text content accordingly. And I chose a picture from Pixabay to suit my use case. Pixabay is a royalty-free media website integrated with Optinly. I had no trouble finding a suitable image for my campaign from there. And finally, I added a call to action button.
\n\n\n\nYou can also use your images or add forms, menus, dividers, and more from the content section to further customize your popup.
\n\n\n\nSave the popup and set your campaign live, and now your popup is active on your website.
\n\n\n\nNow again, a blank canvas, and this time I will build a pop-up by blocks.
\n\n\n\nI randomly picked three different types of blocks to build my second pop-up. The blocks even helpfully suggest that you add content in them.
\n\n\n\nI obliged the blocks’ suggestion and added a heading to the first block, an image and a text to the second block, and a call to action button in the third block. I made this popup a lead capture in a newsletter sign-up offer and added content accordingly.
\n\n\n\nSave and set live again; your newsletter subscription pop-up is now poppin on your website like below.
\n\n\n\nMake your popups in a breeze with the drag and drop pop-up builder from Optinly. Sit back and watch or take a vacation and come back to see your subscribers growing automatically!
\n","title":"Optinly Feature Update: Meet Our Drag and Drop Popup Builder","date":"February 25, 2022","featuredImage":{"node":{"altText":"Drag and Drop Popup Builder by Optinly","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/1766cf523f05999273f16969b2d37033/39a26/Image-4.png","srcSet":"/static/1766cf523f05999273f16969b2d37033/6b051/Image-4.png 750w,\n/static/1766cf523f05999273f16969b2d37033/237f2/Image-4.png 1080w,\n/static/1766cf523f05999273f16969b2d37033/e96e0/Image-4.png 1366w,\n/static/1766cf523f05999273f16969b2d37033/39a26/Image-4.png 1920w","sizes":"100vw"},"sources":[{"srcSet":"/static/1766cf523f05999273f16969b2d37033/0fc4b/Image-4.webp 750w,\n/static/1766cf523f05999273f16969b2d37033/83797/Image-4.webp 1080w,\n/static/1766cf523f05999273f16969b2d37033/4516c/Image-4.webp 1366w,\n/static/1766cf523f05999273f16969b2d37033/4793f/Image-4.webp 1920w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.4}}}}},"author":{"node":{"avatar":{"url":"https://secure.gravatar.com/avatar/278089697742056f7a8bd8e6573171b7a9094247ff207591b189bcd58179e935?s=96&d=mm&r=g"},"name":"Aadhithyan","description":"I like writing. Exploring the world of Saas and SEO nowadays. When I'm not doing this you can find me doing other things characteristic to all humans."}},"categories":{"nodes":[{"name":"Lead Generation","slug":"lead-generation","count":11},{"name":"Popups","slug":"popups","count":14},{"name":"Product Blog","slug":"product-blog","count":3}]},"seo":{"metaTitle":"Use the Drag and Drop Popup Builder by Optinly For Better Customization and Grow More Leads.","metaKeywords":"popup builder, popups, drag and drop, Optinly, popup, popup templates, lead capture, drag and drop builder, drag and drop popup builder","metaDescription":"At Optinly we have just made popup building and customization easier for you with our drag and drop builder. Read on to learn how to make your own custom format popups now."}},"previous":{"uri":"/15-innovative-ways-popups-can-help-businesses/","title":"15 Innovative Ways Popups Can Help Businesses"},"next":{"uri":"/lead-what-is-a-lead-how-to-increase-potential-leads/","title":"Lead – What is a lead? How to Increase Potential Leads?"},"site":{"siteMetadata":{"siteUrl":"https://optinly.com","description":"Optinly | A Powerful Opt-in Tool for Conversion!","title":"Optinly"}},"tagsGroup":{"nodes":[{"name":"#Affiliate Marketing","slug":"affiliate-marketing","uri":"/tag/affiliate-marketing/","count":1},{"name":"#Content marketing","slug":"content-marketing-2","uri":"/tag/content-marketing-2/","count":1},{"name":"#Email marketing","slug":"email-marketing-2","uri":"/tag/email-marketing-2/","count":1},{"name":"#Influencer Marketing","slug":"influencer-marketing","uri":"/tag/influencer-marketing/","count":1},{"name":"#Marketing","slug":"marketing-2","uri":"/tag/marketing-2/","count":1},{"name":"#Social media marketing","slug":"social-media-marketing-2","uri":"/tag/social-media-marketing-2/","count":1},{"name":"#Types of Marketing","slug":"types-of-marketing","uri":"/tag/types-of-marketing/","count":null},{"name":"cms platform","slug":"cms-platform","uri":"/tag/cms-platform/","count":1},{"name":"Content Marketing","slug":"content-marketing","uri":"/tag/content-marketing/","count":null},{"name":"Design","slug":"design","uri":"/tag/design/","count":9},{"name":"Digital Marketing","slug":"digital-marketing","uri":"/tag/digital-marketing/","count":5},{"name":"draganddrop","slug":"draganddrop","uri":"/tag/draganddrop/","count":1},{"name":"eCommerce","slug":"ecommerce","uri":"/tag/ecommerce/","count":10},{"name":"Email","slug":"email","uri":"/tag/email/","count":19},{"name":"Email marketing","slug":"email-marketing","uri":"/tag/email-marketing/","count":null},{"name":"Examples","slug":"examples","uri":"/tag/examples/","count":15},{"name":"Feature Update","slug":"feature-update","uri":"/tag/feature-update/","count":1},{"name":"guide","slug":"guide","uri":"/tag/guide/","count":1},{"name":"Lead generation","slug":"lead-generation","uri":"/tag/lead-generation/","count":1},{"name":"Leads","slug":"leads","uri":"/tag/leads/","count":32}],"totalCount":35},"categoryGroup":{"nodes":[{"name":"AI agents","slug":"ai-agents","uri":"/category/ai-agents/","count":1},{"name":"Business","slug":"business","uri":"/category/business/","count":null},{"name":"Conversion Rate Optimization","slug":"conversion-rate-optimization","uri":"/category/conversion-rate-optimization/","count":14},{"name":"eCommerce","slug":"ecommerce","uri":"/category/ecommerce/","count":8},{"name":"Email Marketing","slug":"email-marketing","uri":"/category/email-marketing/","count":11},{"name":"Lead Generation","slug":"lead-generation","uri":"/category/lead-generation/","count":11},{"name":"Marketing","slug":"marketing","uri":"/category/marketing/","count":17},{"name":"Popups","slug":"popups","uri":"/category/popups/","count":14},{"name":"Product Blog","slug":"product-blog","uri":"/category/product-blog/","count":3},{"name":"SEO","slug":"seo","uri":"/category/seo/","count":4},{"name":"Uncategorized","slug":"uncategorized","uri":"/category/uncategorized/","count":1},{"name":"website development","slug":"website-development","uri":"/category/website-development/","count":1},{"name":"WordPress","slug":"wordpress","uri":"/category/wordpress/","count":10}],"totalCount":13}},"pageContext":{"id":"cG9zdDo2MzUx","previousPostId":"cG9zdDo2NDU3","nextPostId":"cG9zdDo2MTY4"}}, "staticQueryHashes": ["1020748318","3649515864"]}![\"\"](\"/static/4403e94531a35ee77f804690939c2650/85b06/2-Campaign-Title-and-Intent-1.png)
![\"\"](\"/static/3f5fe7380c27b58292c5d82dc0e9f42d/85b06/3-Drag-and-drop-editor.png)
![\"\"](\"/static/a62faf2ac51b7e44cb682335bf1cd88c/85b06/4-Drag-and-Drop-Templates-1.png)
![\"\"](\"/static/3443f46d79c0ba5b975e85faa0126922/85b06/5-Popup-Settings.png)
![\"\"](\"/static/0d497b607ec48217f0af41118aaf5d8c/85b06/6-Start-From-Scratch-Template.png)
![\"\"](\"/static/73a025e247457f2972fd043c25c2eaa0/85b06/7-Blank-Text-Sample-Format.png){kind=spacer}
![\"\"](\"/static/08ab1c302254264452082849727d176e/85b06/8-Sample-Welcome-Popup.png)
![\"\"](\"/static/8b093e592a1834ac37856fb915d190c5/862e3/9-Welcome-Offer-Popup.png)
![\"\"](\"/static/e0f577fc17f2a883902cc03ae8f607f3/85b06/10-Blank-Block-Template.png){kind=spacer}
![\"\"](\"/static/e1d044f60165cf471f7606dd7ad7336d/85b06/11-Blank-Template-Block-Format.png){kind=spacer}
![\"\"](\"/static/0e7dbeccd97393d0b73c0c0cd3f543dc/85b06/12-Sample-Newsletter-Popup.png)
![\"\"](\"/static/6fc278aa085113e41d4262990b574618/ad4a5/13-Newsletter-Popup.png)