Insert code with WhatsApp link

Hi, Marcos,
Thanks for using Nicepage!

In the current versions of online and desktop Nicepage, there is an element 'Social icons' which you can add and edit at your choice.

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Marcos,
Thanks for using Nicepage!

Optionally you can use such an element as HTML control.
Paste there only code for HEAD section of the page - not for BODY (example 1).
And example 2 it is a full code of the HTML page. You can't paste it anywhere.
...................................................
Sincerely,
Sahin
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

I've pasted this option but it just doesn't work. I save and when I look at the code it was not saved.

See attached image of the place where I pasted the HTML code ..

Remembering this floating button I want to place it on every page of the website.

Could anyone help me with this issue? still not working and has been waiting for a response for 7 days ..

Hello medradoconsultoria,

I have a suggestion for you,
Put your HTML code on the home page using "element HTML" then copy it and past it on to all the other pages and it will work,
+ your code I think it's just a button, not a Chat widget?

If you need a chat widget, take this one and change the mobile No. from mine to yours:

This is the code: https://syncfiddle.net/fiddle/-MUD1bTRJ-5HpjrHS86f
and if you want to try it copy the code and try it here: https://codepen.io/pen/ or on your website

Last edited 23 February 2021 by boy4ksa

I already put both in the HTML code of the pages and in the General Settings HTML code .. and it doesn't work in either.

It only works if I do it after exporting the site and then open all files and enter the code manually .. but every change I make to the site will have to repeat the process for the code to work.

The question here can be analyzed as follows: the code is to work in the proper HTML fields and is not working. If it is not working it is because something is wrong.

I put this same code in the .html files myself and it works. I already put it on the Joomla platform and it also works. Only here it is not working .. and I am trying to understand to know what I can and what I cannot put in html code.

Thanks for your help. your code works. but I want to see if I can put this code of mine or at least understand why it is not working...

Let's see if support responds.

Hi,

I save and when I look at the code it was not saved.
See attached image of the place where I pasted the HTML code .

This is correct behavior because the code contains unaccepted tags for the HEAD section. Nicepage warns you about it in the message below the input area and removes the code that may break the page.

This code can be added to the HTML control only. What happens if you insert this code to the HTML control located in the Header, for example?
Could you please provide the problem code in the attached txt file?

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

the same thing happens when I add it to the control ... that is: either in the settings> HTML page itself or in the general Settings> HTML. The error is the same ..

However if I generate the site and then open each HTML page and manually insert the code it works .. it just doesn't work when I have to put it through the Nicepage APP ..

Follow the code attached in the txt file.

Last edited 25 February 2021 by medradoconsultoria

Hi Marcos,

I have tried it to do the following way:

Add the HTML control i the content and insett this part of code:

<a href="https://api.whatsapp.com/send?phone=5571993376023&text=Gostaria%20de%20mais%20informa%C3%A7%C3%B5es%20sobre%20os%20servi%C3%A7os%20de%20limpeza%20e%20higieniza%C3%A7%C3%A3o" Style="    position:fixed;width:160px;height:40px;bottom:30px;right:20px;background-color:#25d366;color:#FFF;border-radius:10px;text-align:center;font-size:20px;box-shadow: 1px 1px 2px #888;
  z-index:1000;" target="_blank">
<p style="margin-top:1px;"> Fale conosco! <i style="margin-top:10px" class="fa fa-whatsapp"></p></i>
</a>

Then open the Theme >> Settings >> HTML >> Additional Head HTML and add this line:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

Then when making a preview in the browser I see the button in the right bottom corner of the screen.
...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

i can't ..

I created a block and placed the HTML element. Within that element I placed the first part of the code you quoted. The second part I went to general settings and in the html tag I pasted the second part and it didn't work either. I tried to put the second part also in the HTML tag page settings (individual page settings) and it didn't work either.

Hi Marcos,

Please attach your project, we'll add the code in it.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

follows the attached project ..

Hi Marcos,

This is the exported theme, we need your Project file.

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

follows the attached project

I exported as you requested .. but the file generated is like a zip .. just like I sent the previous one ..

Last edited 01 March 2021 by medradoconsultoria

Hi Marcos,

but the file generated is like a zip .. just like I sent the previous one ..

This is the different file that contains the specific information so it could be imported in Nicepage application.
Please find the attached project, import it to your application, then make a preview in some browser and you will see the button floating on the right side of the screen.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

OK. it's working...

But do I need to know where the other part of the code was placed? I saw only a part of the code here being placed in General Settings> HTML and in Page Settings> HTML .. the same part of the code placed in two places .. but where the part with the message and the phone number was placed ?

I need to know because I will put the same code on other sites.

Please send me a print of where each part of the code was pasted.

Hi Marcos,

I have added the HTML control in the Footer.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

sorry for my ignorance, but i didn't find where you put the code. I even see the button at the bottom of the page in the Nicepage app .. but a non-selectable button .. I’ve already searched and I don’t think where you put the HTML code ..

Please send me a print of the item where you published the code and in which part of the site is that item.

Hi Marcos,

I have made this HTML control small enough so it does not affect the layout:

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

OK. thanks.