Need help with footer menu

Need help with footer menu

onyadiamonds
Visitor
1 0 1

Hi team,

 

I want to have a footer section where I can mention About Us, Quick Links, and Social Media Handles. I am using the Dawn theme and I looked at a couple of videos but I don't see a Footer menu option where I can add blocks in the Footer section. Attaching the screenshot. Please help.Screenshot 2024-08-17 at 9.38.29 PM.png

Reply 1 (1)

MooseDesk
Shopify Partner
491 67 150

Hi @onyadiamonds ,

 

Thanks for reaching out to the community. We are MooseDesk, a comprehensive Live Chat, FAQ & Helpdesk App designed to elevate your customer support experience.

To add blocks to the footer, you need to follow these steps:
Step 1: Go to Edit code in the Customize function
Step 2: Find the footer.liquid file
Step 3: Add the code snippet to your desired location.
Ex: Here, I want to add the code before the block with the class name "footer block newsletter". I use the browser's inspect elements feature (press F12), click on the button that looks like an image, and hover the mouse over the position where I want to add the block.

MooseDesk_1-1723918939568.png

MooseDesk_0-1723918726753.png

 


I search for the class name "footer block newsletter" in the liquid file, then add the code before it.

MooseDesk_2-1723919235552.png


Code example: 

 

<a href="/pages/contact-us" class="contact-button">
  Contact Us
</a>

<style>
  .contact-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease;
  }
  .contact-button:hover {
    background-color: #0056b3;
  }
</style>

 

You can use AI tools like chatGPT, Claude to help write the desired Liquid code snippet.

Result:

MooseDesk_3-1723919260425.png


Step 4: Click save and return to the website to check the result

If this is helpful for you, please let me know by giving MooseDesk a 'LIKE'. If your question is answered please mark this as 'SOLUTION’.

 

If you are looking for a customer support solution to help drive more conversion to your Shopify store, I suggest exploring MooseDesk, a FREE LiveChat, FAQ & Helpdesk App that can help your support experience easier, better, faster!

With MooseDesk, you can engage with customers through omnichannel support, manage inquiries with a robust ticket system, and provide quick responses.

MooseDesk_4-1723919287616.png

 

 

  • Or you can let customers resolve questions faster with in-built FAQ, Order tracking module, and more.

MooseDesk_5-1723919287451.png

 

 

Once again, thank you for reading. Wishing you a great day ahead!



Was your question answered? Giving MooseDesk's reply a Like or marking it as an Accepted Solution!


MooseDesk - #All-in-one Customer Support and Helpdesk Solution for Shopify Merchants

Install now. Be our early bird and get all features free forever.