Newsletter form

A Subscribe form is a powerful tool to connect with your audience, build your mailing list, and drive engagement.

How to add a subscribe form

Steps:

1. In the FoxStudio editor, on the left Sidebar > Click Add elements (), or press E.

2. Select Forms > Subscribe form or in Quick add, select Subscribe form.

3. Drag the Subscribe form onto your canvas.

How to edit a subscribe form

Steps:

1. Select the relevant subscribe form element in the editor.

2. Use the tools bar above the selected subscribe form element to quickly edit it.

All the formatting tools below can be found in the right-handsided Inspector panel.

General settings

• Placeholder: Enter the text you want to appear inside the email input box (e.g., “Enter your email”).

• Button label: Enter the button label field with your preferred text, such as "Join Now" or "Get Updates".

• Button icon: Click on + Select icon to add an icon to your subscribe button. Choose an icon from the library to enhance visual appeal.

• Button style: Apply a pre-designed button style as set in Global styles.

Design settings

Target specific parts of the Subscribe form for customization:

• Element container: Overall form wrapper

• Form input: Email input field

• Submit button: Subscribe button

• Submit button hover: Button appearance on hover.

Element container

• Form layout: Horizontal /Vertical

• Input & Button height: Adjust the height of the input field and button for better visual alignment.

Form input

Adjust the text style of the form input text.

Submit button

Style the submit button.

Submit button hover

Adjust the button's colors when hovering.

Pro tips 👍:

• Keep the placeholder text clear and actionable (e.g., “Subscribe for updates”).

• Use contrasting button colors to make the form stand out.

• Test the form on both desktop and mobile devices for responsiveness.