Is posible to change the button text on whatsapp floating button?

Ask the Community General Questions
1

Hello everyone I’m testing the free tier and the whatsapp floating button. It’s possible to change this text? We have two offices with two different whatsapp numbers.

whats-text
whats-text814×1024 58.1 KB

1 Like
3

Add this code into CSS box to change first button text

a:first-child [class*="Default"] {
    font-size: 0;
}
a:first-child [class*="Default"]:before {
    content: "Whatsapp Second";
    font-size: 13px;
}

image
image2208×1122 124 KB

2 Likes
4

Hi @David_Pincheira and welcome to Community :heart:

Please try to use the code @tuanphan suggested and let me know if it helped :slightly_smiling_face:

5

Thanks a lot! It works perfectly for the first button but I’m trying to change both (one for each office). I have an slightly different code but doesn’t work:

a:first-child [class*="Default"] {
    font-size: 0;
}
a:first-child [class*="Default"]:before {
    content: "Centro 1";
    font-size: 15px;
}
a:first-child [class*="euVZIN"] {
    font-size: 0;
}
a:first-child [class*="euVZIN"]:before {
    content: "Centro 2";
    font-size: 14px;
}
6

Try to use this one and let me know if it helped :slightly_smiling_face:

a:first-child [class*="Default"] {
    font-size: 0;
}
a:first-child [class*="Default"]:before {
    content: "Centro 1";
    font-size: 15px;
}
a:last-child [class*="Default"] {
    font-size: 0;
}
a:last-child [class*="Default"]:before {
    content: "Centro 2";
    font-size: 14px;
}
2 Likes
7

Hello Team,
This only works for paid subs right?

1 Like
8

Hi @David_Pincheira :wave:

Please try to use this one instead:


button:first-child [class*="ButtonBase__Ellipsis"] {
    font-size: 0;
}
button:first-child [class*="ButtonBase__Ellipsis"]:before {
    content: "Centro Médico";
    font-size: 15px;
}
button:last-child [class*="ButtonBase__Ellipsis"] {
    font-size: 0;
}
button:last-child [class*="ButtonBase__Ellipsis"]:before {
    content: "Centro Dental";
    font-size: 15px;
}

image
image597×781 35.2 KB

Please check it and let me know if it helped :slightly_smiling_face:

1 Like