Page Editor Tool

Sailthru now gives you the option to build your own signup page for your website, and all you need is your own HTML and CSS! It will allow your subscribers to sign up to multiple lists and automatically link to your Sailthru lists without the need to use the API. The page won't be live until you've done the Setup below. Then, you can click on the magnifying glass to the right of the page name and it will open a new window.

Click on "New Page" to create a new page, whether it be a signup, optdown, or thank you page. The name of the page will be part of the URL, so make sure to name it something user-friendly. It will take you to the Editor tab, where you can drop your HTML and CSS and view the final product in the Preview tab. You can use the Design tab as a WYSIWIG, but it may change some of your code.

The Actions tab allows you to set up which email, if any, gets automatically sent to a subscriber once they sign up. It also allows you to select the list the subscriber will become a part of, and set up the redirect page. (Make sure your lists are marked as primary by checking the box to the left of the list name on the list page; that also allows you to track list growth. The redirect page can be another page you've created using the page editor tool (such as a thank you page) or an external URL (such as your homepage). See the picture for an example.

Here's an example tag for an input box to type in the email address:

<input name="email" type="text" style="width: 400px; height: 25px;" data-validation="required email"/>

In order to submit the email, you should have an input tag with type="submit" and name="submit." For example:

<input type="submit" name="submit" id="sign-up" value="SIGN UP" />

You can style it in the CSS.

Anyone who signs up through this page will be signed up for the list selected in the Actions tab. However, if you have multiple lists, you'll need to add an input tag with name="lists[*]" * being the other list name(s) on your lists page. Here's an example below:

<input name="lists[daily]" style="margin-left: 15px;" type="checkbox" checked="checked" /><label for="box1"> Daily Newsletter</label>

You need to add a CNAME for a link subdomain that resolves to cb.sailthru.com, as this record is used for link rewriting. It's explained in Setup, so this may have been done already, but check your DNS zonefile. A sample cname record for example.com would be:

• link.example.com CNAME cb.sailthru.com

The link subdomain can be anything that you're not currently using; we recommend keeping it short, such as link.example.com, or s.example.com. After that's set up in your DNS zonefile, set the Link Domain field to the full domain you just picked in your Sailthru account on the Settings page.

You can find the link for your page by clicking on Live Preview in the HTML Preview tab.

Please note that if you re-title your page name, you'll have to update that in the HTML.