Now that you’ve created a signup form, it’s time to get it up and running on your website! In this article, we’ll cover the basics of publishing pop-ups so you can start capturing precious SMS and email leads.
For specific instructions on how to get your form up on a website powered by Wordpress or Shopify, read these guides:
NOTE: Installing and publishing forms involves copying and pasting code. You won’t need to edit this code, but you'll have to be an admin or have website editor access so that you can access your website’s code base.
If you’re not sure how to access your website’s code, you may need to consult your website software’s support documentation or your teammate who set up your website.
Access Your Installation Code
Access your signup form’s code snippet by navigating to the Install section in the Form Builder. Your form’s code will automatically generate when you save changes to your form. Click Copy Code to save a copy of your form’s code to your clipboard.
There's no need to edit the code snippet, but it can be helpful to know how the code is composed. The inline comment is provided so that you can easily find the snippet after you install the code on your website. The second part of the code is your pop-up’s trigger and design. You will need to paste this part of the code to correctly display signup form on your website.
Copy and Paste Your Code to Your Website
You can paste your form’s code snippet and display your form wherever you’d like it to appear on your website or a specific page, such as a particular product page or a blog post.
To display your form across your entire website:
- Log into your website’s code base and find the source code that manages your website’s global theme and templates.
To display your form on a specific page, navigate to the page that you want to install the signup form. Open the page settings or template code, and find the <head> tag.
- In your theme’s code, find the head elements.
- Paste the form code snippet at the end of the head elements.
- Save your website edits.
Remember that the code snippet will need to be placed inside the <head> tag. We recommend placing it right before the closing </head> tag of the website's HTML template.
Testing Your Form
Once you’ve added your code snippet to your website or page (and saved your changes!), you should now be able to test the new DojoMojo pop-up by visiting your site or page.
Remember that pop-up forms are cookie-based and are designed to display only to new, first-time website visitors. To test your pop-up multiple times, we recommend using a fresh Incognito browser session for each test or clearing your browser cookies before each test.
Need more help?
You can always get in touch with our support team.