Embed Form

Learn how embed form helps you to convert website visitors into registered users or customers

What is an Embed Form in Retainful?

An embed form in Retainful is a customizable sign-up form that can be embedded directly into your website. This form allows you to capture visitor information and add it to your audience lists, which can be used for marketing and engagement purposes. The embed form can be placed on any page of your site or in specific areas such as the footer or sidebar.

Here is a step-by-step guide on how to set it up:

Step-by-Step Guide to Creating and Embedding a Sign-Up Form in Retainful

WooCommerce Merchants

In WooCommerce, you need to enable the "Sign up form" in the Retainful plugin

  • Go to your WordPress dashboard -> Retainful -> Settings

  • Set 'Enable Signup Forms / Popups' to 'Yes'.

  • Save

Let's create the Embed form

  • Login to your Retainful dashboard.

  • Go to Sign-up Forms and click on 'Create a Form'.

  • Provide a name for the form.

  • Choose the Audience lists.

In case, you do not have an existing List, you can create one.

  • Choose "Embed form" as the type.

  • Click on " Create a form".

Choose Template:

  • Choose from our pre-designed signup form templates or start from scratch and customize it according to your preferences.

Customizing your Sign up form template

Retainful allows you to customize the popup design. You can change the default text, button text, and more.

The drag-and-drop editor comes with a number of styling options to help you customize your sign up form template.

Blocks: Use a range of customizable blocks such as text, images, and buttons. You can drag and drop these blocks to add more content elements

Style Manager: This allows you to adjust position and style settings to suit their preferences, enhancing the visual appeal of the pop-up.

Learn more about the popup editor and how to work with it: Click here

Page Manager:

Located at the top of the editor, it includes tabs like “Main Page”, and “Thank You”. These represent different stages in the pop-up transition, from email collection to the display of the thank you page with the coupon.

  • Save the Form at the top right corner, After making all the desired changes.

Step 4: Sign-Up Form Settings:

With the signup form settings, you can set the following:

  • Devices: Options to enable the popup for Desktop and Mobile.

Edit Template: A button to edit the template.

Settings Summary

1. Embed Tag:

Click on the ‘Copy’ button next to it to copy the tag and paste it into your store theme. This tag is a piece of HTML code, so handle it carefully and avoid modifying it.

Add in WordPress

You can add the embed form in two ways:

  1. Add Embed Form via Widgets

  • From your WordPress dashboard, navigate to Appearance.

  • In the Appearance menu, click on Customize.

  • In the Customize menu, select Widgets.

  • In the Widgets menu, select the area where you want to display the form. For example, you can select Footer Column 4.

  • Click on the ‘+’ icon to add a new widget.

  • In the search bar, type ‘Custom HTML’ and select it.

  • In the Custom HTML widget, paste the Embed Tag that you copied from Retainful.

  • Click on Publish to save the changes.

(Or)

  1. Add Embed Form on Specific Pages

  • From your WordPress dashboard, navigate to Pages.

  • Select the specific page where you want to display the form (For example, on the checkout page).

  • Click on Edit to modify the page.

  • Click on the ‘+’ icon to add a new block.

  • In the search bar, type ‘Custom HTML’ and select it.

  • In the Custom HTML block, paste the Embed Tag that you copied from Retainful.

  • Click on Update to save the changes.

Remember, the location where you paste the Embed Tag is where your form will appear on your website. Choose the location wisely for maximum visibility and effectiveness.

  1. Choose Audience List: A dropdown menu to add or change the list.

Note: You can add a maximum of 5 lists, but only one list can be added to the workflow.

The lists created or added can be used for future campaign purposes. This allows users to effectively target their audience in subsequent campaigns, making the process more streamlined and efficient.

  1. Tailor Popup Visibility:

Popup Visibility

Diversify targeting options by activating multiple settings aligned with your preferences. Discover how to configure these targeted options for precise audience engagement: Click here.

This step empowers you to effectively tailor popups, ensuring they reach specific audiences based on your desired criteria.

Enable the Embed Form

  • After confirming your settings, take the next step by enabling the form and saving your configurations.

Your Retainful embed form should now be successfully integrated into your website.

Upon the customer's entry of their email address, click on "submit”. So they have subscribed to receive your newsletters.

The embed form effectively captures visitor details, leading to higher subscription and conversion rates.

Last updated