Manage Landing Pages in the Back-Office 

Hint

This section is part of the Content Management Concept Guide topic that provides a general understanding of the tools that help manage the content of your website, such as web catalog, landing page, content blocks, widgets, and WYSIWYG editor.

Landing Page is a marketing tool that generates interest and leads for your sales pipeline and has a distinct call to action with a single focused objective.

A sample of a landing page

Create a Landing Page 

To create a new landing page:

  1. Navigate to Marketing > Landing Pages in the main menu.

  2. Click Create Landing Page.

    The page of a new landing page creation
  3. Fill in the landing page title (Titles) and translate it into the languages supported in your Oro configuration.

    To manage title translations, click next to the Titles box and follow the guidance here.

  4. Click on the Slug Prototypes box. The default slug prototype are autogenerated. Edit the value to customize the default.

    To ensure that slug prototype translation is localization-friendly, manage slug prototype translations: click next to the Slug Prototypes box and follow the guidance here.

  5. Enter the landing page content in the WYSIWYG text editor.

    Drag the selected element (a text, an image, a column, or a source code) from the Blocks menu and drop it to the required location. Rearrange the content or modify the style of the elements by navigating from tab to tab in the WYSIWYG editor’s manager bar. For more details on WYSIWYG management, see the WYSIWYG Editor topic.

    Note

    You can insert the Contact Us widget into the required page. For this, enter {{widget('contact_us_form')}} in the text editor and click Save in the top right corner. Once the landing page is added as a content variant to the content node of a web catalog, the form should then become visible in the storefront.

    Show how the Contact Us widget is displayed in the storefront
  6. In the SEO section, manage the meta description and meta keywords that will be encapsulated on the landing page.

    Meta information helps search engines index and display the landing page in the search results when it becomes relevant.

    Meta description would summarize the page contents in one or several sentences (~160 characters).

    Meta keywords are comma-separated words and phrases that describe the content in the most precise and relevant way that helps find the page via the search engines (e.g., Google, Yahoo, Bing, etc.)

  7. Once you have completed editing the new landing page details, click Save on the top right of the page.

The new landing page is created and is available by the following URL:

<OroCommerce application URL>/<slug prototype>/

For example, http://acme.orocommerce.com/online-webinar-jan2017/

Note

You can also create a landing page from the web catalog configuration page following the guidelines described in the Add a Landing Page topic.

Next steps

Use the landing page URL in your marketing activities (email campaigns, advertisements, etc.).

Manage Landing Pages 

To manage landing pages, navigate to Marketing > Landing Pages in the main menu.

The grid of all landing pages

Here, you can perform the following actions:

  • Create a new landing page by clicking Create Landing Page on the top right.

  • Bulk delete landing pages: In a bulk select to the top left, select one of the following options: All, All Visible, None. On the top right of the list (grid), click bulk More Options menu and click the to remove all selected landing pages.

  • View a landing page by clicking on the item to open its details page.

  • Hover over the More Options menu to the right of the item and select either to view, edit , or delete the landing page.

  • Filter landing pages by ID or Title.

View and Edit a Landing Page 

To view the landing page details:

  1. Navigate to Marketing > Landing Pages in the main menu.

  2. Find the line with the necessary landing page and click on it. You can preview the landing page’s detailed information.

  3. Click Edit on the top right of the page to update the landing page title and content, edit meta information, and change slug prototypes and their translation.

  4. Click Save on the top right of the page.

  5. Click Save as draft to save the landing page as a draft. Find all the related drafts under the Drafts section of the landing page.

Manage Landing Page Drafts 

The landing page functionality enables you to create drafts, save them, and publish selected drafts when you are ready.

Note

The ability to manage drafts depends on the permissions and access levels defined for a user of the selected role.

To create a draft of the required landing page:

  1. Navigate to Marketing > Landing Pages and click on the selected landing page.

  2. Click Create draft on the top right.

  3. An action confirmation popup displays the fields to be copied from the selected landing page to its draft (e.g., content, titles, metaTitles, metaDescriptions, metaKeywords). Click Yes to proceed and edit the draft.

The edit page of the landing page draft
  1. Edit the information as required and select one of the further actions:

  • Save and Close – saves the current draft. You can find it under the Drafts section of the selected landing page.

  • Save as new draft – saves the draft as a new one without affecting the current draft. For example, you are editing Draft 2, and instead of applying the changes to Draft 2, you want to save your draft as a new one and call it Draft 3. When saved, Draft 2 remains unchanged, and Draft 3 is added to the list of the landing page drafts.

  • Cancel – cancels the draft creation.

  • Delete – deletes the draft.

  1. To view the saved drafts, navigate to the Drafts section of the required landing page. Click the desired draft to get to its details page. Alternatively, hover over the More Actions menu to edit, delete, duplicate, or publish the draft.

    The list of all drafts for the Contact Us landing page

  1. To publish the draft, click Publish draft on the top right of the draft’s details page. Once the action is confirmed, the draft is published, substituting the original landing page. The drafts previously created for this landing page remain unchanged under the Drafts section.