We’ve migrated our documentation to a new site, which means some URLs have changed.
Subscriptions

Boilerplates

Boilerplate library

To view the boilerplates library, click the Boilerplates in the side bar.

1689627886319.jpg

Using boilerplates in your template library

On the left-hand side of the boilerplates library, you can jump to different boilerplate use cases by clicking on the use case title. The available options among others include Offer, Metering, Newsletter, Adblocker, and Site Licensing.

Click on a boilerplate to add it to your template library. You'll see a preview of the boilerplate and you can select an offer to preview. Enter in the title, use case, and description for the boilerplate. Then, click Add to library.

Boilerplates2.png

You can also add a boilerplate by clicking on the arrow next to Add template and selecting Boilerplate template. This will open the boilerplate selector. From here, select a use case from the available options.

Boilerplates3.png

Preview the boilerplates, select the one you'd like to use, then click Next.

Boilerplates4.png

Click on a boilerplate to add it to your template library. You'll see a preview of the boilerplate and you can select an offer to preview. Enter in the title, use case, and description for the boilerplate. Then, click Add to library.

Boilerplates5.png

Customizing boilerplates

Once you've added a boilerplate to your template library, you can customize it to your liking. Remember, boilerplates come with default text, images, and colors that are immediately configurable via an included set of content fields. Open the template manager to begin.

Boilerplates6.png

Select the Content fields tab ( Screen-Shot-2018-07-25-at-4.07.18-PM.png ).  From here, you can customize the content fields.

Boilerplates7.png

Preview your changes by clicking the Preview template icon. More information about this functionality is available here.

Boilerplates8.png

You can also utilize the split-screen preview option that allows you to view edits in a preview window, right next to the HTML or CSS code in real-time.

Last updated: