Foodomaa Whatsapp Button Customer’s Store

Foodomaa: Whatsapp button on Customer’s app store page (CSS modification)

Whatsapp button on customer’s store page

This button function is mostly for contacting the Restaurant Owner (Store Owner).
Possible scenarios:
1. Customer want to ask how the app works
2. Customer want to make custom order
3. etc

OK, let’s get to it!
1. Go to Admin panel Menu Stores -> Choose store -> Edit
2. Go to ‘Meta Data’ tab, Scroll down until you see ‘Custom Store Message’ and click on ‘</>’ icon on Custom Store Message
3. Go to Admin panel Menu Settings -> Custom CSS

Stores->Edit
Settings->Custom CSS
<div class="col-12">
<a class="store_wa" href="https://api.whatsapp.com/send?phone=1234567890">Click here to contact me! Whatsapp Module.</a>
</div>
.store_wa {
padding: 0.5rem;
background: linear-gradient(90deg, #78cd1d 0, #58c418 25%, #25b910 50%, #00ae0c 75%, #00a412 100%);
border-radius: 5px;
text-align: center;
display: block;
}
a.store_wa:hover,
a.store_wa:active,
.store_wa {
color: #fff;
text-decoration: none;
}

4. SAVE both changes and head to you customer’s app and see the modification you have made.

Leave a Comment