Feathr's Templates offer simple drag-and-drop page and email design capabilities. Templates can be used in an Email Marketing campaign, Landing Page Campaign, an Invites Campaign, or as standalone webpages. You can also connect your website domain to your published Feathr Templates.
Starting a Template
We recommend reading this article for more information about navigating and organizing your Templates.
To start from a new blank Template, begin in the Projects view in your Feathr account. In the left-side navigation menu, click on Templates. Here you will see the Templates page, with a button at the top right labeled '+Add Template.' Click it, name your Template, choose which type of Template you'll be working on, and you'll be taken to the Templates editor.
To modify one of our pre-designed default Templates for your own use, navigate to the Templates page as described above and browse through the default Templates for one you like. Once you've chosen one, click the edit button on the right side of the Templates table and choose 'clone.' This will save it as a project Template and enable editing.
Once you've entered the Templates Editor, you will see a menu of design options similar to below, with tabs for Content, Rows, and Settings. To build out your design, you will select among these options and fill them in with your own content.
The Templates Editor offers a wide selection of design elements and layout choices, and the drag-and-drop nature of the Editor means no coding knowledge is needed and you can preview how your design will look as you create it.
Feel free to develop a design workflow that suits you, but here's what we recommend:
Start with Settings
Choose the tab labeled Settings in the Template Editor to start building your Page. This allows you to determine overall settings for the Template such as the background color, font, and more. The settings you choose here will be applied to every element of the Template.
Note: the optimal content area width will depend on the devices and browsers your audience uses, so consult with your website admin for the best option. If you can't do that, 500-600px is a good general rule, and you can always test your final design on different browsers and make adjustments as needed.
Once you've chosen your Template settings, work your way left from the Rows to the Content tabs. This workflow allows you to lay out the Page format before adding any specific content such as copy, images, and hyperlinks. In the Rows tab, simply drag the rows you'd like to appear on your Template from the menu on the left to the Preview on the right. You may end up with something like this:
Each individual block in the layout can be populated with the content you want to display on your Template. To browse and apply the options, move one tab left to the tab labeled Content.
Note that as you drag content categories from the Content panel, the panel will update, displaying options to modify the content of that particular block of the Template. In the example above, the Text option was dragged to the topmost row of the page, and it now displays options for the properties of just the text in that row. A text box also appears in the Template Editor on the right. The content options will differ depending on which element you choose from the content panel.
Above is an example of a Template with a handful of content blocks added. With copy, images, and video incorporated, this could be a published page. We recommend having layout and content in mind before building it in Feathr. This helps reduce guesswork and gives you a finishing point to shoot for.
When editing any individual content block, you can return to the main menu by clicking the Content tab. The trash can icon allows you to delete any content block. Here are definitions of the options:
Title: a large text block for headings
Text: a smaller text block with word processing options
Image: an image uploader that can also contain hyperlinks when the image is clicked
Button: a link embedded within a standard call-to-action "button"
Divider: a horizontal line that acts as a visual division between sections of the Page
Social: a simple social icon block that allows you to easily link to your social media accounts
Dynamic Content: allows you to include a custom lead-retrieval form or an even countdown timer
HTML: for advanced users, this allows you to hand-code content blocks with your own HTML
Icons: allows you to upload individual small icon images
Menu: adds a dropdown menu where you can crosslink to other pages or sections of your website
Using Merge Data
Merge data allows you to enter a universal "merge tag" in your Template, where it will be converted to partner- or recipient-specific data upon publication. For example, as long as your data is correctly mapped, using the merge tag "recipient name" in your email template will display to the recipient as their own name once the email is sent.
In order to do this, you will need to upload and map the correct data. See the following help desk articles for instructions:
When you're finished designing your Template, be sure to save, and then click on the Metadata tab. This section contains additional settings. Each field in the Metadata tab is defined for you and will be self-explanatory. You might not use all Metadata fields, but if you're designing a page, be sure to give it a URL.
Using Your Templates
Once you've got a finished design, the usage of your Template will depend on its purpose. For Templates that will be connected to an Email or Invites Campaign, the Campaign Wizard will prompt you to connect the correct template. For Landing Page campaigns, within the campaign, navigate to the Page tab, then choose Change Template. From there you can select the template you designed.