A subscribe form is an effective tool to grow your email list, engage your audience, and keep them informed about updates, promotions, or newsletters. With OzSpeed’s Website Builder, you can easily add a subscribe form, customize its fields, and connect it to your email marketing platform. Here’s how to create and manage a subscribe form step by step.
Step 1: Access the Website Editor #
To add a subscribe form, start by opening the page editor in hPanel.
- Log in to hPanel at ozspeed.com.au.
- Go to Website Builder > Edit Site.
- Navigate to the page where you want to place the subscribe form, such as the Homepage, Blog, or Footer.
Tip: #
- Placing the form in the footer or sidebar makes it accessible on every page of your website.
Step 2: Add a Subscribe Form Element #
You can quickly drag and drop a Subscribe Form Block onto your page.
How to Add a Subscribe Form: #
- Click Add Element or + Add New Section in the editor toolbar.
- Select Subscribe Form from the list of elements.
- Drag the Subscribe Form Block to the desired location on your page.
- Click Insert to add the form.
Tip: #
- Use a pre-designed form template for a polished look and faster setup.
Step 3: Customize the Form Fields #
Edit the form fields to match the information you want to collect from subscribers.
How to Edit Form Fields: #
- Click on the Subscribe Form Block to open the settings panel.
- Click Edit Fields to customize the form.
- Add or modify fields such as Name and Email Address.
- Click Save after making changes.
Tip: #
- Keep the form simple by only asking for an email address. This reduces friction and increases sign-up rates.
Step 4: Connect the Form to Your Email Marketing Service #
Integrate the subscribe form with your email marketing platform to automatically add subscribers to your mailing list.
How to Connect to an Email Service: #
- Click on the Subscribe Form Block and go to the Integration tab.
- Select your email marketing platform (e.g., Mailchimp, Constant Contact, Sendinblue).
- Enter your API key or connect your account to enable integration.
- Choose the email list where you want to store new subscribers.
- Click Save.
Tip: #
- Test the integration with a test email to ensure new subscribers are added correctly to your list.
Step 5: Customize the Form Design #
Style the subscribe form to match your website’s branding.
How to Style the Form: #
- Click on the Subscribe Form Block to open the Design Settings.
- Customize the font style, button color, and background color.
- Adjust the padding and margin for better spacing and alignment.
- Click Save.
Tip: #
- Use a contrasting color for the subscribe button to make it stand out.
Step 6: Set Up a Confirmation Message #
Show a confirmation message or redirect visitors to a thank-you page after they submit the form.
How to Add a Confirmation Message: #
- Click on the Subscribe Form Block and go to the Settings tab.
- Enable Confirmation Message and enter your text (e.g., “Thank you for subscribing! Please check your email for confirmation.”).
- Alternatively, select Redirect to URL to send users to a custom thank-you page.
- Click Save.
Tip: #
- A confirmation message reassures users that their sign-up was successful.
Step 7: Preview and Test the Subscribe Form #
Before publishing, preview the form to ensure it looks good and functions properly.
How to Preview: #
- Click Preview in the top toolbar.
- Check the form on both desktop and mobile views.
- Submit a test email to verify that the form is working and that subscribers are added to your email list.
Tip: #
- Use an incognito window or clear your browser cache to see the changes as a new visitor would.
Step 8: Publish the Changes #
Once you’re satisfied with the subscribe form, publish your updates to make it live.
How to Publish: #
- Click Publish in the top right corner of the editor.
- Confirm the changes to go live.
Tip: #
- Promote your new subscribe form on social media and in blog posts to encourage sign-ups.
Step 9: Manage Your Subscribers #
You can view and manage your subscribers directly from your email marketing platform or hPanel.
How to Access Subscriber List: #
- Log in to your email marketing platform (e.g., Mailchimp).
- Go to the Audience or Subscribers section.
- View new sign-ups, manage lists, and export subscriber data as needed.
Tip: #
- Regularly review your list for inactive subscribers and update your email marketing strategy accordingly.
Troubleshooting Tips #
- Form Not Submitting Properly:
- Ensure all required fields are filled out correctly.
- Check the email marketing platform integration settings.
- No Email Notifications:
- Verify that the integration with your email service is set up correctly.
- Check your spam folder for missing notifications.
- Form Layout Issues on Mobile:
- Use the responsive design settings to adjust the form fields for mobile views.
- Test the form on different devices to ensure it displays correctly.
Additional Tips: #
- Offer an Incentive: Increase sign-ups by offering a freebie, such as an e-book or discount code, in exchange for subscribing.
- Keep It Simple: A single-field form (asking for just the email address) often performs better than forms with multiple fields.
- Analyze Performance: Use Google Analytics or your email platform’s analytics to track sign-up rates and optimize your form.