how i add call us icon in dwan theme

Store Design
, , , , , ,

Topic summary

Goal: Add a “Call Us” icon/button in the header of the Dawn (Shopify) theme that opens a menu with contact options (WhatsApp number, Instagram chat, Messenger chat, Email), matching provided screenshots.

Recent activity: An offer was made to join as a collaborator to inspect and adjust the code. Another participant recommended using a dropdown or popup menu to list messaging links with icons and asked which platform is being used.

Suggestions shared: Link out to WhatsApp, Instagram, Messenger, and Email from a click-triggered menu. Examples referenced included third-party tools and WordPress plugins (Elementor Pro, WP Mega Menu) and custom code options for Squarespace/Wix, which may not fit if the site is on Shopify.

Attachments: Screenshots are central as visual references for the desired header menu behavior.

Open points:

  • Confirm the platform/theme (likely Shopify Dawn).
  • Choose implementation approach (code customization vs. external tools) suitable for Shopify.
  • Decide whether to proceed with collaborator access.

Outcome: No concrete solution or code provided yet; the thread remains open without resolution.

Summarized with AI on December 13. AI used: gpt-5.
1

i want to add call us buton on the header icons, when someone click on it it show menu like whatsaap number, insta chat, messanger chat, email etc. same like in the given pictures

Screenshot (180).png
Screenshot (180).png1366×768 166 KB

Screenshot (183).png
Screenshot (183).png1366×768 95.5 KB

2

after 2 months but what issues you face?

3

Hi @amjadali01 ,

Can I send you a collaborator invite? it will need to check the code

4

That sounds like a great idea to improve user engagement and accessibility! You can achieve this by using a dropdown or popup menu for your “Call Us” button. Many website builders or themes offer plugins or customization options to create such menus.

For example, you can integrate tools like WhatsApp Plus for direct messaging, along with Instagram Chat, Messenger, and Email links. When users click the button, the menu can show these options with their respective icons for easy navigation.

If you’re using WordPress, plugins like Elementor Pro or WP Mega Menu could help. For other platforms like Squarespace or Wix, you might need to use their custom code options. Let me know which platform you’re using, and I can share more specific tips!