Skip to main content

Custom Page overview

Updated

Custom Pages allow the flexibility to add text, images, contact forms, maps, audio, and videos.

You can be creative and add your own personal style to your site. They have the flexibility to add text, images, contact forms, maps, audio, and videos (from Vimeo or YouTube) to a page.

Pro and ProPlus plans also allow .mp4 or .mov videos to be uploaded directly.

Video overview

Add a Custom Page

  1. Navigate from the left sidebar to Portfolio and 'Pages'

  2. Click 'Create'

  3. Click 'Custom Page'

Give your new page a name.

Start from Scratch or use a Custom Page template

  1. Start from Scratch, add text, images, videos, and other media to this page

  2. Use a Custom Page Template, choose from over 60 customizable About Pages, contact forms, splash/landing (Title) pages, and more

Choose a Custom Page template

03_custom_page_template_selector_options.png

You can 'View All' at once (the default) or select a tab to narrow down the options:

  1. About for your 'About Me/Us' page

  2. Contact has pre-built Contact Message forms for sending you enquiries

  3. Resume for including details about yourself, your achievements, education, work experience, etc.

  4. Story for essays with photos.

  5. Title Page for splash/landing/title pages

  6. Home Page for layouts based on our demo site home pages
  7. Please note: selecting a template will only import the structure of that template, not its design settings as shown in the example
04_select_about_template.png

  1. Hovering over a thumbnail will show it as being selected. Click to apply

Selecting a [ Blank Template ] will allow you to add your own Sections in the order you want, making it a truly Custom Page.

Page Settings

Adjust the settings of your Custom Page.

  1. Title is the name of your Custom Page

  2. Page Visibility (Online, Private, or Offline)

  3. Custom Page URL is the unique address of your page. This should be lowercase with a hyphen - between each word

  4. SEO Optimization shows an example of how your page's text content will appear in a search result listing. Editing the fields in the screenshot below updates this preview

  5. Save Changes

  1. SEO Page Title this will appear in the search results for this page. Write a descriptive and unique page title

  2. SEO Page Description should describe the content of your page. It will only be shown in search engine results. It will not be visible on your site. Your description should be between 150-160 characters long

  3. Edit Cover Image replace our sample image with one of your own

  4. Delete Page

  5. Save Changes

Add images

  1. Click once on an image to replace it with an image of your own

  2. A mini-toolbar will appear above with options to 'Change Image'

  3. Image shape selector

  4. Magnifying slider changes the shape of the image within the image area

  5. Link the image so that when tapped, it takthe es viewer to another page, website, or email app

  6. Image Description, view Image Descriptions guide here

  7. When a Section is hovered over, the 'dragger handle' appears on the left side and allows you to drag up or down to move the section to another position on the page

  8. Save Changes

Add video (from Vimeo or YouTube)

See our more detailed guide for adding video to a Custom Page.

  1. Video thumbnail preview (not selectable)

  2. Text, select, and replace with your own

  3. Style text (while selected) with options available in the black ribbon bar that appears above the text

  4. Text alignment options

  5. Bold or Italic

  6. Link to a page, website, or email

Add image sets (Slideshow)

  1. Add Section > Images

  2. Scroll down to 'Image Sets'

  3. Select Slideshow with thumbnails underneath

  1. Add Images (at least one is required)

  2. Speed the transition speed can be set between 2 to 20 seconds (only adjustable when 3. Autoplay is turned ON

  3. Autoplay can be turned ON or OFF (default OFF)

  4. You can change the way your images are displayed at any time with the style dropdown (select from Square, Masonry, Slideshow, Vertical, Grid or Horizontal). You don't need to re-upload images if you change

Edit text

  1. Select the text you want to edit and re-type/replace with your own words

  2. Style options include Large Heading, Heading, Body, Small Text and List

  3. Alignment options

  4. Bold or Italic styling

  5. Link the text to a page, website or email address

Add sections

The template page you have selected may not look exactly how you want it to. You can Add Sections to the page to make it look the way you want.

14_Add_Section.png

  1. Flex: Add a flex block section to your page. Learn more about the flex block in our Flex block overview article
  2. Text: Add text sections to your page
  3. Images: Add image sections to your page, including slideshows and images with text
  4. Media: Add embedded video, hosted video, audio, HTML embeds, and more to your page
  5. Forms: Add contact forms and mailing list sign-up forms to your page
  6. Dividers: Add various types of decorative dividers to your page

Change section order or delete

You can also delete a Section by hovering over the top right corner and clicking the 'X' icon., And confirming on the Warning box that will appear.

By hovering over a Section on the left-hand site you will see a light 'slider' graphic appear.

Click-and-drag up or down to change the section ordering on your page.

Add an HTML section (Pro level plans and above)

HTML embeds can be added to Custom page on Pro level plans and above.

You can create new HTML sections or convert existing text Sections to HTML editing mode, and then paste in the HTML code for the embed you want to add, such as custom forms.

Save changes

As you work on your Custom Page it is important to 'Save Changes' regularly.

Preview your page using the Preview 'eye icon'.

Still have questions? Reach us on our live chat or email us at info@format.com We’re here to help!

Related to

Related articles