Skip to main content

Installing and Publishing Signup Forms

  • Updated

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 installing a form so you can start growing your list and collecting more data from site visitors.

For specific instructions on how to install your form on Wordpress or Shopify sites, read these guides:

NOTE: Installing and publishing forms involves manually copying and pasting a snippet of JavaScript 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.

 

Locate Your Form's JS Snippet

Access your signup form’s JavaScript code snippet by navigating to the Install section in the form builder. Your form’s snippet will be automatically generated when you save your form. Click Copy Code to copy the snippet to your clipboard.

Signup_Form_Copy_Code.png

The code snippet will always contain two parts: an inline comment (<!--DOJOMOJO SIGNUP FORM -->) and the JavaScript source.

There's no need to edit the 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 form’s trigger and design. This second part is what's most important to correctly display the form on your website. 

 

Copy and Paste the Snippet Into 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.

 

Pop-Ups: To display your form across your entire website

  1. Log into your website’s code base and find the source code that manages your website’s global theme and templates.
  2. In your theme’s code, find the <head> tag.
  3. Paste the form code snippet just before the closing </head> tag.

InstallHead.png

  1. 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.

 

Pop-Ups: To display your form on a specific page

To display your form solely on a specific page or to exclude it from certain pages, head back to the form builder in DojoMojo > Setup > Behavior > URL Targeting. From there, you'll be able to define the display rules for your form.

You can also simply install the signup form on a specific web page by placing the snippet before the closing </head> tag on that page's code template.

 

Embeds: To display your form on a specific page

Embedded forms, unlike pop-ups, are baked directly into your site's content, so you'll only want to display the form on specific pages designed to collect subscriber data.

  1. Log into your website’s code base and find the source code that manages your website’s main theme file.
  2. In your theme’s code, find the <head> tag.
  3. Paste the form's snippet just before the closing </head> tag.
  4. To display the form on your site, paste the snippet on the specific page you'd like the form to appear using a custom HTML block.

 

Testing Your Form

Once you’ve added your code snippet to your website (and saved your changes), you should now be able to test your new DojoMojo form by visiting your site.

Remember that pop-up forms are cookie-based and are designed to display only to new website visitors. To test your form multiple times, we recommend using an Incognito browser session for each test or clearing your browser cookies before each test. 

 

Need more help?

As always, we're here to help! Contact our support team for expert guidance.

Related articles