How can I send form submissions to a Sendy.co list using the action field and POST setting in Webflow?

Published on
September 22, 2023

To send form submissions to a Sendy.co list using the action field and POST setting in Webflow, you can follow these steps:

  1. Set up the Sendy.co integration:
  • Go to your Sendy.co dashboard and locate the API settings in the sidebar.
  • Make sure the API is enabled and note down the API key.
  1. Add a form element to your Webflow project:
  • Open your Webflow project in the Designer.
  • Drag and drop a Form Block or Form Wrapper onto your page where you want the form to appear.
  • Customize the form's design and add the necessary form fields.
  1. Configure the form settings:
  • Double-click the form element to open its settings panel.
  • In the settings panel, navigate to the "Form Settings" tab.
  • Locate the "Action" field and enter the URL that points to your Sendy.co installation. The URL should be in the format https://your-sendy-installation-url/subscribe.
  • Change the method to "POST".
  1. Add hidden fields for required data:
  • In the settings panel, navigate to the "Form Fields" tab.
  • Click the "Add Field" button to add a new field.
  • Name the field "list" (without quotes) and give it the value of your Sendy.co list ID. This ID can be found in the Sendy.co dashboard by clicking on the list you want to use and copying the List ID from the URL.
  1. Map form fields to Sendy.co fields:
  • To map the form fields to the corresponding fields in Sendy.co, add hidden fields with the same names as the fields you want to capture in your form.
  • For example, if you have a "Name" field in your form, add a hidden field with the name "Name" and customize its value accordingly.
  1. Add the API key as a hidden field:
  • Add another hidden field with the name "api_key" (without quotes) and set its value to your Sendy.co API key.
  1. Publish and test the form:
  • Save your changes and publish the website.
  • Submit a test submission on the live site and check if the data is being added to your Sendy.co list.

By following these steps, you can easily send form submissions to a Sendy.co list using the action field and POST setting in Webflow.

Additional Questions:

  1. How do I integrate Sendy.co with my Webflow project?
  2. Can I add custom fields to the Sendy.co form using Webflow?
  3. Are there any limitations or restrictions when using the Sendy.co integration with Webflow?