Landing Page

The Landing Page Addon lets you turn any page into a standalone, full-screen landing page. Instead of displaying your page within your theme’s usual header, footer, and sidebars, the landing page renders
your page content on its own; giving you a clean, distraction-free canvas with full control over colors, fonts, and backgrounds.

Your page content is displayed using whatever you’ve already built, whether that’s a SiteOrigin Layout Builder layout or standard page content. Fine-tune the design to perfect each page’s appearance and
create unique, focused landing pages that stand apart from the rest of your site.

View Landing Page demo.

Requirements

Activation

  1. In your WordPress admin dashboard, navigate to SiteOriginPremium Addons.
  2. Find the Landing Page addon in the list of available addons or use the search field.
  3. Click the Activate button to enable the Landing Page addon. (If it’s already active, you can skip this step.)
  4. Once activated, edit the page you’d like to use as a landing page to configure it (see below).

Usage

Unlike most addons, the Landing Page addon is configured on a per-page basis. To set up a landing page, edit the page you want to use, locate the SiteOrigin Premium metabox, and open the
Landing Page tab. The following settings are available:

Enable Landing Page
Enable to display this page as a standalone landing page. When enabled, the page is rendered on its own, without your theme’s header, footer, or sidebars. This setting is disabled by default.

Design

Body

Background Color
Select a page background color.

Background Image
Select a page background image.

Background Image Opacity
Optionally select the background image opacity. If less than 100 the background color will be seen as an overlay.

Content Container

Margin
Enter the top, right, bottom, and left margin values for the content container. The margin separates the container from the edge of the page.

Padding
Enter the top, right, bottom, and left padding values for the content container. The padding applies within the container.

Box Shadow
Optionally enable a box shadow on the content container. When enabled, the following settings are available:

  • Color: Select the box shadow color.
  • Horizontal Offset: Enter the horizontal offset of the box shadow.
  • Vertical Offset: Enter the vertical offset of the box shadow.
  • Blur: Enter the blur radius of the box shadow.
  • Spread: Enter the spread radius of the box shadow.

Border Radius
Optionally enter a top, right, bottom, and left border radius for the content container.

Background
Select the content container background color.

Alignment
Select the content container alignment. Choose between left, center, or right.

Width
Enter the content container width.

Heading

Font
Select the content heading font family.

Font Size
Select the content heading font size.

Color
Select the content heading font color.

Text

Font
Select the content text font family.

Font Size
Select the content text font size.

Color
Select the content text color.

Link Color
Select the content text link color.

Link Hover Color
Select the content text link hover color.