Outseta offers email list sign-up forms that can easily be integrated with your website. However, if you'd prefer to use Webflow forms for your email list subscriber forms you can using the process outlined below. The primary benefit of this approach is it allows you to retain the design of your Webflow form, while subscribing users who submit the form to an email list in Outseta.
- In Outseta, click EMAIL > LISTS. Select the name of the list your wish to subscribe users to, then click INTEGRATION.
- From the code snippet identified as the "Embedded Form HTML" copy the FORM ACTION URL. You only need to copy the URL value between the quotation marks as highlighted below.
- In the Webflow editor, click on the form element for your email list form then click the gear icon in the top right hand corner of the screen to open ELEMENT SETTINGS.
- Copy the ACTION URL into the ACTION field under FORM SETTINGS. Next, set the METHOD to POST.
- Make sure that the field names and labels in Webflow and Outseta exactly match. If they do not, form submission data will not be able to map into your Outseta account.
- If you've set up reCAPTCHA in your Outseta account, make sure that you add a reCAPTCHA element to your Webflow form. You'll also need to add your site key and secret key in Webflow's forms settings.
- If you want users to remain on the same page that they were on and see Webflow's standard confirmation message when the form is submitted, you'll also need to add the following code to the header of all pages where the form is present.
<script src="https://cdn.outseta.com/emailsignup.min.js" defer></script>
PUBLISH your Webflow site. When the email list form on your Webflow site is now submitted, users will be added to your email list in Outseta.
If you need any help setting this up, please email us at support(at)outseta.com.