Create and customize a showcase page

Easily create a showcase page on Vivlab. Choose a clear title, manage visibility, location, and write an optimized description for SEO and social media.

mar. 30 juil. 2024, 14:50

The showcase pages of your site are completely customizable thanks to our intuitive and user-friendly editor. You can choose from a variety of pre-designed templates or create your own layout by adding elements and organizing them according to your needs.

In this article, we will guide you through the different steps to create and customize your web pages by modifying general information, adding sections and elements, and effectively organizing your content.


Creating a Web Page

Creating your first page is an important step in the process of building your website.

Follow these steps to create a web page:

  1. Go to the Website tab > List of Web Pages.

  2. Click on the + Create a page button.

  3. Fill in the fields that appear.

Enter the Page Title

In the Page Title field, enter the name of the page. It should be clear and concise, as it will appear in the following places:

  • Search Engines: when the page appears in search engine results, it will carry this title.

  • URL: the URL of the page is generated based on its name to ensure clarity of links.

⚠️ If you change the name of the page, it will change its URL and may thus impact links used on your site or external pages. Therefore, regularly check your buttons and links.

Choose the Visibility of a Web Page

You can modify the visibility of a web page by deciding whether to check the box “The page is visible to users”:

  • Checked box = Page visible: the web page is available on your site and can be indexed by search engines.

  • Unchecked box = Page hidden: the web page is not available on your site and cannot be visited, whether from your site or search engines. By default, pages are invisible when created.

💡 Is your page going to take a long time to build? Hide it during its construction so that you can unveil it once it is ready.

Enter a Description of the Page

In the Page Description field, provide a summary description of about two lines for the page. This description appears:

  • on search engines (SEO), when the page gains visibility in the results.

  • on social media (Open-Graph), when the page link is shared, particularly on Facebook and LinkedIn.

💡 To optimize the page’s SEO and increase the click-through rate on the link, ensure you formulate clear sentences containing relevant keywords related to the page’s content.


Add a Section

All elements are divided into sections, and a section can contain several elements.

Follow these steps to add a section:

  1. Go to the Website tab > List of Web Pages.

  2. Enter the page where you want to add a section in the List of Web Pages.

  3. To add a section, you need to select an already existing section and click on Add a section.

When adding a section, you have the option to choose from a variety of components, models, and templates.


Organize Sections

Once your elements are created and added to your sections, you can organize your sections at any time.

Follow these steps to organize the sections:

  1. Go to the Website tab > List of Web Pages.

  2. Enter the page where you want to organize your sections in the List of Web Pages.

  3. Select the section to move.

  4. At the top left of the section, arrows appear to move the section up or down.


Add an Element

As part of customizing your sections, you have at your disposal a wide range of elements that you can add, allowing for flexibility and diversity in your content.

Follow these steps to add an element:

  1. Go to the Website tab > List of Web Pages.

  2. Enter the page where you want to add an element in the List of Web Pages.

  3. To add an element, click on + element at the top left.