Component Menu

    Components

    Footer [Landing Page]

    Edited 2 years 1 month ago

      Desktop

      Mobile

      Step by Step

       

       

      1. Go to Site Studio > Templates > Master Templates, verify which template is signed as default, and select the edit option.

       

          ** Note: If you want, you can create a new template by clicking on “Add Master Template”, and after, set it as Default.

       

      2. In the Layout Canvas, click on the “+” button and search for Footer[Landing Page] in the Components list.

       

      3. Drag and drop to the Canvas, it needs to be at the bottom, it’s the last component.

       

       

       

      Customizing the Component:

       

      1. Click twice on the component, and select the options that you want.

       

      • General:

         ◦ Background color: choose a color for the footer background.

         ◦ Font color: choose the color of the font.

         ◦ Font color on hover: choose a color for when the cursor is positioned on the text.

         ◦ Footer message font color: choose a color for the text to be positioned on the bottom of the footer.

         ◦ HTML Element ID: An identifier that must be unique throughout the site. Your goal is to identify the element when navigating anchors. Anchoring allows the current element to be accessed through links and/or buttons, as long as they belong to the same domain (site).

       

      Logo: select a logo image for the footer.

       

      • Menu: 

         ◦ Link text: inform the text for the link, this is a label for the link.

         ◦ Link to page: inform the link to redirect the page when the user clicks on it. Paste a URL for external pages or search an internal page by the name.

      ** Note: you can put how many links you want on the footer, just click on "+Add" and fill the fields.

       

      • Social Media:

         ◦ Name: inform a name for the social that you want to add.

         ◦ Social Icon: select on the list an icon to represent social media.

         ◦ Social link: paste the URL of your social media page.

       ** Note: you can put how many links for social you want on the footer, just click on "+Add" and fill the fields.

       

      • Legal Items:

         ◦ Link text: inform the text for the link, this is a label for the link.

         ◦ Link to page: inform the link to redirect the page when the user clicks on it. Paste a URL for external pages or search an internal page by the name.

         ◦ Has Language Selector: choose if you want a language selector on the footer. To know more about multilanguages sites, check the specific instructions.

      • Footer message: write a text for the footer message, it is to positioned on the bottom of the footer.

       

      2. Click on "Apply" to save all your customizations.