A ‘Landing page’ is the perfect tool to help musicians promote upcoming releases, tours, and new merchandise. If you have a short-term promotion you’d like your fans to laser-focus on, add a ‘Landing page’ to your website.

This help article includes the following:

  • What is a ‘Landing page’
  • How to add a ‘Landing page’
  • Setting a published page to a ‘Landing page’
  • How to add features to your ‘Landing page’
  • How to adjust your section styles

What is a ‘Landing page’

A ‘Landing page’ is a page without a header and footer that is typically used for short-term promotions, such as an album release, an upcoming tour, or new merchandise launch. The removal of a website ‘Menu’, ‘Header image’, ‘Site title’, and ‘Site-wide footer’ allows your visitors to focus on your offering.

The ‘Landing page’ is a complementary tool for your band website, as it will inherit the colors, fonts, and button styles you set in your theme options. You can also re-use features throughout your website, such as a ‘Mailing list signup’, an ‘Album’ or ‘Single’, and products from your ‘Store’ feature.

Due to the removal of your ‘Site title’ and ‘Menu’, sharing a landing page means your fans will not be able to navigate to the rest of your site easily. A ‘Landing page’ is great for a temporary promotion, and you can change what you are offering regularly.

How to add a 'Landing page'

To add a ‘Landing page’ to your website, follow these steps:

  1. From the ‘Edit Content’ tab, click ‘Pages’
  2. Select ‘Add a page’
  3. Select the ‘Landing page’ page type
  4. Name your page in the ‘Title’ field (defaults to the page type if unchanged)
  5. Adjust your page options, including the following:
    • Menu settings:
      • Main page: Will display a clickable button in your website’s navigation menu.
      • Subpage: Appears in a drop-down menu under a main page button. Note: If you add a subpage and the main page has zero features, the main menu button will not be clickable (only the subpage).
      • Not in menu: Will not appear in the main menu but you can link to it from other pages. All ‘Not in menu’ pages will appear at the bottom of the ‘Pages’ tab under the list of page titles that appear in your site’s menu.
    • Visibility:
      • Published: Page is viewable to the public.
      • Not Published: Page is not viewable to the public. Note: Although the page will not display in your site’s navigation menu, it can still appear in search engine results. Protect your unpublished page with a password to make the content inaccessible.
    • Landing page:
      • Toggle on: Applies the ‘Landing page’ style to your page (removes Header and Footer). You can use this option on any of your existing pages.
      • Toggle off: Removes the ‘Landing page’ style from your page. Header and Footer will re-apply.
    • Access:
      • Everybody: Allows unrestricted public access to the page
      • Site members only: Requires visitors to register before accessing the page
      • Subscribers only: Provides exclusive content and music behind a subscription paywall
      • Anyone with a password: Requires visitors to enter a password before accessing the page
    • SEO options:
      • Automatically generated from your content
      • Custom: Manually add a page description and a page name
  6. Click ‘Create my page’

Setting a published page as a ‘Landing page’

The ‘Landing page’ style removes the Header and Footer set on your website. In some cases, this style can be beneficial for a page already created on your website. If you would like to apply the ‘Landing page’ style to a page you’ve already created on your website, follow these steps:

  1. From the ‘Edit Content’ tab, click ‘Pages’
  2. Click on the pencil icon next to the page you’d like to adjust
  3. In the page options, click on the toggle next to ‘Landing page’ to transform the page into this style
  4. Click ‘Save’

Once you’ve applied the ‘Landing page’ option, your Header (including the navigation menu) and Footer will be removed.

How to add features to your ‘Landing page’

Adding features to your ‘Landing page’ is easy to do, and you can re-use content already in use throughout your website. You might consider adding a 'Single' feature, a ‘Store’ feature, or a ‘Mailing list signup’ feature to your ‘Landing page.’. To add any feature to your ‘Landing page’, follow these steps:

  1. From the ‘Edit Content’ tab, click ‘Pages’
  2. Click on your ‘Landing page’ name to open the page
  3. Click on the ‘Add feature’ button in the left panel of options in your editor
  4. Choose the feature you want to place on your page
  5. Click on a blue arrow (creates a new section with the feature) or grey arrow (stacks the feature within an existing section) to place your feature

How to adjust your section styles

Since your ‘Landing page’ does not contain a header or footer, section style controls can be useful for branding the page and amplifying your promotional features. To edit your section styles on the page, follow these steps:

  1. On your ‘Landing page’, hover your cursor over the section you’d like to edit
  2. Click the blue ‘Edit section’ button
  3. Adjust the following options:
    • Section properties:
      • Title: The title of the section
      • Show title: Toggle ‘ON’ if you want this section title to be visible on the site, or ‘OFF’ if you want the section title to be hidden
      • Section title alignment: Select ‘Left’, ‘Center’, or ‘Right’ to determine the placement of the title within the section
      • Section colors
        • Section chooser: Select the section style you want to use for this section. Each section style is determined by the colors set in the ‘Edit Theme’ tab
      • Background image
        • Add image: Upload an image from your computer, select a previously-uploaded image, choose a stock photo from our gallery, or import an image from your Dropbox account. From here there are 3 ways to adjust the image:
          • Focal point tool: Click and drag the blue Focal Point dot to the most important part of the image. This section of the image will stay in view when scaled down to mobile devices. From here you can click the tablet and mobile phone icons in the top right corner to preview how the image will look like from those mobile devices
          • Dragging the image: Depending on your image size there may be some room to adjust the position. Click and drag the image vertically or horizontally to set it in place. If nothing happens when you click and drag, this means the image is at the maximum size for the space available
          • Zooming: Use the zoom slider to zoom in or out on the image. After you zoom you can click and drag the image to the position of your choice
      • Image transparency: Use the slider to set the opacity of the section background image
      • Scroll effect:
        • Normal: The image covers the section area and scrolls with the content at the same speed
        • Parallax: The image scrolls with the content at a different speed
        • Fixed: The image stays fixed in the background as the content scrolls
      • Click ‘Save’
    • Alignment:
      • Section padding: Using the dropdown, choose the amount of padding you want in this section. Padding adds space at the top and bottom of that specific section
      • Make section full height: Toggle ‘ON’ to fill the available browser viewport with this section. Toggle ‘OFF’ to have the section area match the size of the feature
    • Content vertical alignment: Choose from ‘Top’ or ‘Center’