ConvertedU Marketing Library Webinar Blog

Need help? You've come to the right place

What's New Getting Started Drag and Drop Standard Builder Integrations Center

Using Standard Builder Integrations with the Drag & Drop Builder


We’ve made some of our most popular integrations available in the Drag & Drop Builder, but if your integration hasn’t been added yet, don't worry! You can create a Leadbox to connect with any integration supported in our Standard Builder—then, you can add the Leadbox to any drag-and-drop page. 

Video Overview

NOTE: The video below does not reflect some of the most recent changes to Leadpages. Follow our detailed guide below for the most current steps and information.

Step-by-Step Guide

  1. Create a Standard Leadbox
  2. Grab and edit your Leadbox code
  3. Add your Leadbox code to the Drag & Drop Builder

Create a Standard Leadbox

Navigate to the Leadboxes® tab in your account and create a Standard Leadbox. Here’s how: Creating a Leadbox.

NOTE: ​Drag & Drop Leadboxes use the same integration system as Drag & Drop Leadpages. So for this workaround to be useful, it’s important to create a Standard Leadbox.

Grab and edit your Leadbox code

Once you’ve saved your Leadbox, navigate to its publishing options, copy the default HTML code, and paste it into a text editor. You will need both the Leadbox URL and JavaScript code when working in the Drag & Drop Builder. 

​Leadbox URL: 

You’ll find your Leadbox’s URL between quotes immediately following the <a href= part of your code.

Javascript Code: 

Your Leadbox’s JavaScript is everything from <script data-leadbox="… to </script> as shown above.

Add your Leadbox code to the Drag & Drop Builder 

When you’re working on any Drag & Drop Leadpage, link the Leadbox URL to any button, text, or image widget. For a detailed guide on creating links in the Drag & Drop Builder, please see our article here

To create an overlay effect, go ahead and add your Leadbox’s JavaScript code to the head tracking code section, found under the SEO and Analytics tab. Click Save and Update/Publish your Leadpage.

Be sure to test your page. Your Leadbox should now pop up like a normal opt-in form!

WARNING: Due to the nature of this workaround, you may notice your Leadbox appears outside the viewing area on especially long pages, or Leadpages published to a Facebook tab. We recommend testing out your form to ensure it pops up as intended. 

If you use this workaround, note that analytics will be associated with the Leadbox, not your Leadpage. Pageview data will be correct, but the opt-in count and conversion rate will be tracked for the Leadbox itself. 

(Updated January 30, 2017)

Please let us know if you have additional questions.

You can always file a support ticket if you have additional questions by clicking the Support button in your dashboard shown here or clicking here to file a support ticket.

Was this article helpful?
Powered by Zendesk