Asset Tracker – Page Builder Blog for testing – Zipline

Back to Asset Tracker
View pages you've made

Use this page to create your own landing page

Below are Templates to choose from - if you require a custom layout, or have any questions, please reach out to Ryan Sugar via the Asset Tracker Slack Channel

Landing Page Layout

Blog Style Page Layout

Step 1: Page Layout

Select your layout based on the above designs

Step 2: Select your Hero Image (header image)

Select an image that will be featured on the page (at the top, based on the layout selected). Your image will be resized to 1920px x 800px, so it's best to choose an image that matches, or closely matches those dimension

Select or Upload a Page 'Hero' Image

Use the 'Choose File' Button to select an image from your computer or, you can select an image already on our website by opening the 'Media Library'

Instructions:

Click the 'Media Library' button to open the image select screen.
Select an image in the 'Media Library', then click the 'Copy URL to clipboard' button.
Close the media library by clicking the 'X' in the top right corner.
Paste the link to image in the input box above. (You should then see the image preview further down the screen).

Pro Tip:use the search function to look for images named 'hero' to find more suitable image sizes.

Step 3: Hero area background colour, size, and image position

Hero Background Colour

Hero Image Size

Hero Position Horizontal

Hero Position Vertical

Page Title

A page title is a short description of the page and appears at the top of a browser window and often in social media when sharing links.

Page Headline

Optional: Type a headline in the box above and you can see it in the preview below:

Page Headline Underline Colour

Hero Preview:

Step Four: Your custom message

Content which will appear below the Hero and above the Assets

Step Five: Optional - Custom contact button

Your Email Address

Optional: If you'd like to be emailed, when someone clicked the contact button, please type your email address. If you leave this field blank, the button will link to the default Zipline 'Contact us' page.

Contact Button Label

Header drop-down preview:

Step Five: Optional - Custom contact button

Input test

URL

Tag for Assets

Use this page to create your own landing page

Step 1: Page Layout

Step 2: Select your Hero Image (header image)

Step 3: Hero area background colour, size, and image position

Hero Preview:

Step Four: Your custom message

Step Five: Optional - Custom contact button

Header drop-down preview:

Step Five: Optional - Custom contact button

User must be login for add post!