How can i add a button at the bottom of a page (About us)

Shopify Discussion
2

Yes, you will need to create a new element but will require some coding.

  • When you click on Online Store in the menu and where you typically click the customize button to edit the site, instead click on the 3 dot menu next to it and select edit code.
  • Go down to the sections folder and click ‘add new section’
  • name the section ‘custom-button’ and the default selection of ‘liquid’ can stay the same.

Replace the code with this:

{% schema %}
{
  "name": "Custom Button",
  "tag": "section",
  "settings": [
    {
      "type": "text",
      "id": "button_text",
      "label": "Button Text",
      "default": "Click Me"
    },
    {
      "type": "url",
      "id": "button_link",
      "label": "Button Link"
    },
    {
      "type": "color",
      "id": "button_color",
      "label": "Button Color",
      "default": "#ff6600"
    },
    {
      "type": "color",
      "id": "text_color",
      "label": "Text Color",
      "default": "#ffffff"
    },
    {
      "type": "select",
      "id": "button_alignment",
      "label": "Button Alignment",
      "options": [
        { "value": "left", "label": "Left" },
        { "value": "center", "label": "Center" },
        { "value": "right", "label": "Right" }
      ],
      "default": "center"
    }
  ],
  "presets": [
    {
      "name": "Custom Button",
      "category": "Custom"
    }
  ]
}
{% endschema %}

  
    {{ section.settings.button_text }}

Make sure you save.

Now when you go back to the customizer you should see the ability to select a button now. I added in ways to change color and position. If you want to display all your collections you can use the URL: https://lasagecamomille.ca/collections

If you need the position to be tweaked a bit I can give you some CSS to add in the custom CSS section to move the button where you want it. I just added very general settings.