Embedding Forms on External Sites with Enlitly

Overview #

Enlitly now allows you to embed forms directly on external websites. This guide explains how to use the form embed feature effectively.

How It Works #

When you create a funnel, Enlitly automatically generates a form that can be embedded on your website. If you don’t plan to use standalone landing pages, there’s no need to customize them within the funnel.

After you have added a funnel, click on Edit Funnel. This will take you to 4 tabs – Pages, List, Form and Sequence.

Steps to Embed a Form #

1. Add a Funnel: After creating a funnel, click on Edit Funnel. You’ll see four tabs: Pages, List, Form, and Sequence.
2. Access the Form Tab: Go to the Form tab. In the top right corner, click Copy Code to copy the raw HTML code.
3. Embed the Code: Paste this code into a text editor like Notepad, customize as needed and then embed it on your website.

Customizing Your Embedded Form #

1. Change the Button Color #

1. Search for style="background-color:#000000;" in the code.
2. Replace #000000 (black) with your preferred hex color code to match your website’s theme.

2. Change the Button Text #

1. Look for the word Subscribe in the code.
2. Replace it with any text you prefer, such as I want this! or another call-to-action.

3. Stack Fields Vertically or Horizontally #

1. By default, fields are stacked vertically.
2. To stack them horizontally, find class="flex-wrap" and change it to class="flex-responsive".

Creating a Form Without a Funnel #

You can also create a form directly from the Form module:

1. Attach to a List: Each form must be linked to a list to store new contacts.
2. Optional Sequence: You can attach the list to an automated email sequence if desired.

However, using a funnel simplifies the process, as it automates these configurations for you.