FoxstudioAdd and edit elements
Subscribe form
2 min read

How to add a subscribe form
- In the FoxStudio editor, on the left Sidebar > Click Add elements, or press E.
- Select Forms > Subscribe form or in Quick add, select Subscribe form.
- Drag the Subscribe form onto your canvas.
How to edit a subscribe form
- Select the relevant subscribe form element in the editor.
- Use the tools bar above the selected subscribe form element to quickly edit it.
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.

- Custom tags: Add custom tags to subscribers collected through this form. These tags will automatically appear in the Customer profile > Tags section in Shopify when customers successfully subscribe.

Success
- Show message: Display a custom confirmation message after the customer subscribes.
- Redirect to URL: Redirect subscribers to a specific page.


Design settings
- Element container: Overall form wrapper
- Form input: Email input field
- Submit button: Subscribe button
- Submit button hover: Button appearance on hover.

- Form layout: Horizontal /Vertical

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

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

Last updated

