Docs. Signup Forms & Embed Codes

Signup forms make it easy for people to subscribe to your Sendicate mailing list. Options can be opening your subscriber list in Sendicate then by clicking “Embed Subscribe Form” in the right sidebar. Outside of the API there are 2 main ways to collect subscribers:

For customization options refer to:

The simplest approach is directing users to the list signup page. This can be found at the bottom of the embed code page mentioned above. The link is in the following format where “xxxxxx” is the list ID that can be seen in the URL or listed in the embed code section.

https://www.sendicate.net/subscribe/xxxxxx

Signup Form Embed Code

Each list has its own embed code. To access the list embed code in Sendicate click Manage, Subscribers, your list, then “customize sign up form” on the sidebar. Using the embed code offers the best integration as the subscriber enters their details into a form hosted on your site that is submitted to Sendicate directly. Email is a required field, name is optional. This example is a simple un-styled form (for a styled example see below. All the inputs and ID’s need to match exactly for the form to submit properly. The “xxxxxx” needs to be updated with the appropriate list ID found in the URL of your list, or listed in the embed code section.

<form accept-charset="UTF-8" action="https://www.sendicate.net/subscribe/xxxxxx" method="post"> 
    <label for="subscriber_name">Name</label> 
    <input id="subscriber_name" name="subscriber[name]" type="text" /> <br /> 
    <label for="subscriber_email">Email</label> 
    <input id="subscriber_email" name="subscriber[email]" type="text" /> <br /> 
    <input name="commit" type="submit" value="Subscribe" /> 
</form> 

Customize Form Fields

By default only the email is shown on subscribe forms. To add additional form fields first add any custom fields through the “Custom Fields” page or through the importer. Then the “Customize Form Fields” section will show all available custom fields.

The columns are:

ItemDescription
VisibleCheckbox to toggle if the form should be shown or hidden. By default fields are hidden
FieldThe name of the custom field. Use this name when using the API or embed codes.
Label TextThis text label will be shown on the form. By default it is the field name.
Show asSpecify how different datatypes are shown. Some fields have additional display options
RequiredCheckbox to toggle if the field is required. If checked validation will be applied.
PositionDrag/drop to change the order of the form fields.

Custom Field Data Types

ItemDescription
TextCheckbox to toggle if the form should be shown or hidden. By default fields are hidden
NumberThe name of the custom field. Use this name when using the API or embed codes.
DateThis text label will be shown on the form. By default it is the field name.
ListSpecify how different datatypes are shown. Some fields have additional display options
EmailCheckbox to toggle if the field is required. If checked validation will be applied.

Customize Subscribe Page Design

Each list in Sendicate can have its own look and feel. To customize Sendicate’s subscribe forms click Manage, Subscribers, your list, then “embed subscribe form” on the sidebar. The following can be customized:

ItemDescription
Header ImageUpload an image for the header. If no image is chosen the “logo” image will be used from the Account section
TitleThe heading title
Description textDescpription paragraph
Background colorHex value/color picker of the page background color
Background imageUpload an image for the page background. Images will be tiled.
Success redirectUpon successfully adding a subscriber Sendicate can redirect the user to a page on your website. Enter a full URL

Styling the Embed Code

Inline CSS can be added to style colors, width, height, etc. Javascript has also been added to show “Email Address” in the form as default text. An example is below:

<form accept-charset="UTF-8" action="https://www.sendicate.net/subscribe/xxxxxx" method="post">
    <input id="subscriber_email" name="subscriber[email]" type="text" value="Email Address" style="width: 130px !important; color: #CCCCCC; padding: 5px 2px 5px 2px; background-color: #F8EDE8; border: none !important;" onclick="if ( this.value == 'Email Address' ) { this.value = ''; }" onblur="if ( this.value == '' ) { this.value = 'Email Address'; }"/> 
    <input name="commit" type="submit" value="Subscribe" style="background-color: #F8EDE8; color: #CCCCCC; padding: 5px; border: none !important;" />
</form>