Pages is Feathr's simple drag-and-drop landing page builder. Pages can be used in a Landing Page Campaign, an Invites Campaign, or as standalone webpages. You can also connect your website domain to Feathr, allowing the URLs of your Feathr Pages to appear on your organization's domain.
Building Your Page
To build a Page, begin by selecting a Project and clicking Add Campaign. Choose Landing Page. This will open a new Landing Page campaign and display an empty Report. Once you have published and are using the Page, that report will populate with data, but to build the Page in the first place, click the tab next to Report labeled Page. This brings up the Page preview, which is also blank until you design a page. Give your Campaign a descriptive name and click Save as draft, as seen below.
From this view, you can build a new Page from scratch or choose from Feathr's convenient Page templates. This article will focus on building a new Page from scratch, but the tools and process for customizing a template are the same. To start a new blank Page, click "Edit page." This opens the Page Editor. If you'd like to start from a template, choose change template instead.
Above is a blank Page in the Page Editor. The Page 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 Page will look as you design it.
Note: as you edit Templates, they are automatically saved every 4 minutes. If you make changes and log out of Feathr in less than 4 minutes, however, you will lose your most recent changes since the last autosave.
Feel free to develop a Page building workflow that suits you, but here's what we recommend:
Start with Settings
Choose the tab labeled Settings in the Page Editor to start building your Page. This allows you to determine settings for the Page such as the background color, font, and more. The settings you choose here will be applied to every element of the Page.
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 Page 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 Page from the menu on the left to the Page 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 Page. 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 page. 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 Page 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 Page with a handful of content blocks added. With copy, images, and video incorporated, this could be a published Page. We recommend having page 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
When you're finished designing your page, be sure to save, and then click on the Metadata tab. This section contains additional settings for your Page, including its URL. Each field in the Metadata tab is defined for you and will be self-explanatory. You may not use all Metadata fields, but be sure to give your page a URL, since that is where the page will be accessed when it is published.
Publishing and Goal Setting
Once your Page design is complete and you're ready to publish it to the web, return to the main Landing Page Campaign by clicking on the navigation link at the very top of Feathr. This will take you back to the Report, and there will be a green button on the top right labeled Publish. Clicking it will publish the Page live on the web and you can then use the link in whatever manner fits your strategy.
Like with all Feathr Campaigns, you may also add a conversion goal to your Page. This will report any web activity you choose to track as a conversion after your audience views your Page. Read this article for more about Goals.
Once your Page is published, you can return to the Landing page Campaign to view stats or edit your Page.