Group Email Input Form

The Sendlix Group Email Input Form allows you to embed a form for collecting email addresses directly into your website. Visitors can enter their email addresses via this form, which are then stored in the group you specify in Sendlix.

Embedding the Form

Accessing the Embed Code

To embed the form, you need the specific iframe code for your group:

1. Navigate to the list of groups in your Sendlix dashboard.
2. Click on the "Edit" button for the group you want to embed.
3. Activate the "Email Collection Form" option.
4. Setup the form as desired (e.g., name, info text, colors).
5. The generated iframe code will appear at the bottom of the form settings.

Each code contains a unique group ID that is specific to your group.

Customization Parameters

The iframe supports various parameters for individual customization of the form:

Parameter	Description	Example Value
name	The name displayed in the form	name=MyGroup
info	Additional information or description	info=Sign up for the newsletter
primaryColor	Primary accent color (Hex code)	primaryColor=%233b82f6 (Blue)
backgroundColor	Background color of the form (Hex code)	backgroundColor=%23ffffff (White)
hoverColor	Color for hover effects (Hex code)	hoverColor=%232563eb (Dark Blue)
textColor	Text color (Hex code)	textColor=%23000000 (Black)

Additional Form Settings

In addition to the iframe parameters, you can configure further settings on the "Edit Group" page through four tabs:

Tab: General

This tab contains basic settings for your form:

• Allowed Domains: Specify which domains can embed this form

  • Enter specific domains without http:// or https:// (e.g., example.com)
  • Add multiple domains by clicking the "Add" button after each entry

• Bot Protection: Toggle this switch to enable Cloudflare Turnstile protection against automated submissions

warning

Users who have disabled JavaScript in their browser will no longer be able to use the form if Bot Protection is activated.

Tab: Appearance

This tab lets you customize how your form looks:

• Form Title: The title displayed at the top of your form (e.g., "Newsletter Subscription")
• Information Text: A short text explaining what the user is signing up for (e.g., "Sign up for our newsletter")
• Primary Color: Color for buttons and important elements (HEX format)
• Background Color: Main background color of the form (HEX format)
• Hover Color: Color used when hovering over buttons (HEX format)
• Text Color: Color for the text in the form (HEX format)

note

The appearance settings are stored in the URL parameters. Make sure to copy the iframe code before navigating away from the page, or your settings will be lost.

Tab: Legal

In this tab, you can add legally relevant URLs:

• Privacy Policy URL: Full URL to your privacy policy document
• Terms of Service URL: Full URL to your terms of service document

These links will be displayed in the form as part of the consent text.

Tab: Custom Fields

This tab allows you to define additional information to collect besides email addresses:

• Placeholder in Email: The variable name used in email templates (e.g., %first_name%)
• Display Name in UI: What users see as the field label in the form (e.g., "First Name")

Add fields by filling out both inputs and clicking the "Add Field" button.

The custom fields can later be used as placeholders in email templates to create personalized messages.

important

The long alphanumeric ID in the URL is a randomly generated, unique identifier for your specific group. Always use the complete code from your own group edit page, as this code is not universal and cannot be shared between groups.

Example

A customized form could look like this (replace the group ID with your own):

<iframe
  src="https://group.sendlix.com/{id}?name=Newsletter&info=Subscribe to our monthly newsletter&primaryColor=%23059669&backgroundColor=%23f3f4f6&hoverColor=%23047857"
  width="100%"
  height="378"
  frameborder="0"
>
</iframe>

Design Tips

• Adjust the height (height) according to the space required.
• Choose colors that match your website.
• Use clear, short information texts for better usability.