Storefront Setting
      Back to home
      1. Help Center
      2. Storefront Design
      3. Storefront Setting

      How to Create a Customized Page?

      How to create a customized page?

      1. Login to Boutir Admin (https://www.boutir.com/business)
      2. Click “Design” > “Custom Page” > “Create Page” > “New Page”
      3. After entering the name and URL of your page, click “Confirm”
        Note: After adding this page to your header menu, the name will be visible on your online store
      4. To edit the name and URL,  click “⚙️” at the top of the page
      5. To add a new component to your page,  click the green “⊕” that is a little lower on the page
      6. You can add the following components to your page:
        1. Banner - You can add text and a button on it
        2. Image – When uploading your image, please make sure it meets the recommended ratio; You can add at most 6 images with corresponding hyperlinks for each component
        3. Video 
          1. We have a new feature where you can now easily add live streams and shoppable videos where you can tag products! You would be directed to the Firework studio where its AI will aid you in the editing process
            • The feature will transform a long-form and horizontal video into a short-form and vertical Web Story
          2. You can also embed your YouTube video on the page
        4. Social Media – Visitors can be redirected to your social media platforms after clicking corresponding buttons
        5. Text - The title text boxes are available in 4 sizes, while the paragraph text boxes are available in 3
        6. Featured products – You can showcase featured products on the page
        7. Button – It is available in 4 sizes
        8. Space – This is useful for separating your components
      7. After the setting is completed,
        1. Click “Preview” to see how your page will be displayed, or
        2. Click “Save”, and you will see the following message – “Save successfully”. That means your draft is saved; or
        3. Click “Publish” > “Confirm”, and you will see the following message – “Publish successfully”. That means your page is published
      8. To edit or publish your draft, click “Design” > “Custom Page” > “Draft” to find the related page
      9. To edit or unpublish your page, click “Design” > “Custom Page” > “Published” to find the related one


      10. If you want to delete your page, or edit its name and URL, click “Design” > “Custom Page” > “Published” > “⋯” to take the corresponding action




      How to create an external link for your customized page?

      1. Login to Boutir Admin (https://www.boutir.com/business)
      2. Click “Design” > “Custom Page” > “Create Page” > “External Link”

      3. Enter the name and URL of your external link, then click “Confirm”
      4. To edit or publish your draft, click “Custom Page” > “Drafts” to find the related external link
        • To edit or unpublish your external link, click “Published” instead of “Drafts”
      5. If you want to delete your external link, or edit its name and URL, click “Custom Page” > “Published” > “⋯” to take the corresponding action

      How to change the setting of your header menu?

      1. Login to Boutir Admin (https://www.boutir.com/business)
      2. Click “Design” > “Store main menu” > “+Add Menu” > “Page/ External Link”
      3. Check the boxes for the pages that you want to add to the header menu, then click “Add”
      4. To change the sequence of your header menu, click “⬆” or “⬇”
      5. To create a drop-down menu like this:


        1. Click “+ Add menu” > “Folder”
          Note: A  folder isn’t a single page
        2. Enter the folder name, then click “Confirm”
        3. You can click “↳” to add a page or an external link to the drop-down menu, and “↲” to remove them from the menu
      6. You can instantly view the changes in the “Preview header menu” section; After the setting is completed, click “Save” to save the changes

      How to change the setting of your footer?

      1. Go to Boutir Admin, click “Design” > “Page footer” > “Change template”
      2. Select a template
      3. You can change the template setting by clicking the following button or components:

        1. “Edit footer style” to change the background and title color
        2. Store logo (only applicable for the template “Minimal”)
        3. Social media
        4. Payment methods (*Please only choose the methods that you have activated already)
        5. Copyright (*Business plus plan subscribers can decide if they display our logo at their footer by clicking “Settings” > “Appearance” > “Store front” in our desktop CMS. However, if they have changed the footer setting using this feature, it shall prevail.)
      4. After the setting is completed, click “Save & Publish”
      5. If you need to change the setting, click “Edit footer”

      Note: 

      • Each eligible merchant can publish at most 10 customized pages for their store

      (This tutorial is for reference only. If there is any update on the feature, its latest version shall prevail.*)