Whatsapp chat button: Page 4

LuisMarcos · 2021-03-27T00:09:59+00:00

Friends, does anyone have the code to place that chat button with whatsapp?

Whatsapp chat button

Dwijadas

soodomaa I cant find this custom home message. can you share full-flow / path please ?

bhojmandu

Dwijadas Go to Setting>Translation> Edit>Homepage Screen Settings>Edit in </>View and paste code 7 save it.

Lkdev

LuisMarcos would you like this chat? https://m.youtube.com/watch?v=zJwEWZY8ulU

DouglasSouza

Lkdev https://wa.me/message/IRZONMDKIEUBJ1

GitarthaChoudhury

Lkdev PLease share the code . I would love this chat option on my end

bhojmandu

I appreciate your talent, I saw your video of chat system , can you tell me is there also option for admin to contact with store owner and delivery boy.

Can you share your talent for foodomaaians users, if you share then it will be great for us

Lkdev

bhojmandu hey.thanks. Yes.can do that

alabtechnosoft

eddiesousa Hello Where i can place FREE CHAT BUTTON code to reflect on User App...?

XpertH

alabtechnosoft

XpertH Can you share the code please brother...?

XpertH

alabtechnosoft
On Admin Custom CSS
/whatsapp/

.link_whats {
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.link_whats:hover,
a.link_whats:active,
.link_whats {
color: #fff;
text-decoration: none;
}
}

On Store profile ( meta data )

<div class="col-12">
<a class="link_whats" href="here you whatsapp link" target="_blank">WhatsApp</a>
</div>

alabtechnosoft

XpertH Thank you so much brother 🙂

JorgeAndres

eddiesousa what file did I paste the code

JorgeAndres

You can help me with the creation of a chat button whatsapp but with a title like this in the image

danoki

Another style of whatsapp button I made if you want.

Dashboard -> Modules -> Translations -> Custom Home Message

<div style="display: flex;justify-content: center;align-items: center;color: rgb(255, 255, 255);background: #075e54;margin: 0 15px;padding: 10px; border-radius: 0.775rem;" onclick="window.location.href = 'https://api.whatsapp.com/send?phone=+41XXXXXXXXX &amp;text=Custom message here'">
<img src="https://iconape.com/wp-content/files/sc/291960/svg/whatsapp-icon-seeklogo.com.svg" style=" width: 15px; height: auto; margin: 0 12px;">
Chat with us on WhatsApp
</div>

LeSecomandi

Registration button for Riders

LemuelRodriguez

-----html ---
<table width="95%" border="0" align="center"><tbody><tr>

<td style="text-align: center;"><a class="link_insta" href="https://www.instagram.com/" target="_blank">Instagram</a></td>

<td style="text-align: center;"><a class="link_fb" href="https://www.facebook.com/" target="_blank">Facebook</a></td>

<td style="text-align: center;"><a class="link_wa" href="https://chat.whatsapp.com/" target="_blank">WhatsApp</a></td>

</tr></tbody></table>

---- html------
----- css------
.link_insta {
padding: 0.7rem;
background: linear-gradient(90deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#bc1888 75%,#d047d1 100%);
border-radius: 5px;
text-align: center;
display: block;
}
a.link_insta:hover,
a.link_insta:active,
.link_insta {
color: #fff;
text-decoration: none;
}

.link_fb {
padding: 0.7rem;
background: #4b69b1;
border-radius: 5px;
text-align: center;
display: block;
}
a.link_fb:hover,
a.link_fb:active,
.link_fb {
color: #fff;
text-decoration: none;
}

.link_wa {
padding: 0.7rem;
background: #2ba63a;
border-radius: 5px;
text-align: center;
display: block;
}
a.link_wa:hover,
a.link_wa:active,
.link_wa {
color: #fff;
text-decoration: none;
}
----- css------

« Previous Page