Insert code with WhatsApp link

medradoconsultoria
29 Posts
medradoconsultoria posted this 3 weeks ago
Report a bug

I need to insert a code with the WhatsApp link and button to stay afloat on all pages of the site. How and where do I put this code?

I tried to put it in: Site Settings> HTML> Head HTML Additional. But it did not work.
I created other HTML codes but ok, it didn't work.

Always saved and when I enter the HTML space again it is empty.

Here is the code I used:
Example 1)

<a href style target>
<p style> Talk to us! <i style class> <p> </i>
</a>

Example 2)
<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns>
<head>
<meta http-equiv content>
<title> Contact on WhatsApp </title>
</head>

<body>

<a href style target>
<p style> Talk to us! <i style class> <p> </i>
</a>
</body>
</html>

If I put it manually inside the index.html file it works ... but the point is that I have to do it manually. And whenever I do any export with updates I will have to remember to enter index.html to make this change.

I need to insert a code with the WhatsApp link and button to stay afloat on all pages of the site. How and where do I put this code? I tried to put it in: Site Settings> HTML> Head HTML Additional. But it did not work. I created other HTML codes but ok, it didn't work. Always saved and when I enter the HTML space again it is empty. Here is the code I used: Example 1) &lt;a href style target&gt; &lt;p style&gt; Talk to us! &lt;i style class&gt; &lt;p&gt; &lt;/i&gt; &lt;/a&gt; Example 2) &lt;! DOCTYPE html PUBLIC &quot;- // W3C // DTD XHTML 1.0 Transitional // EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt; &lt;html xmlns&gt; &lt;head&gt; &lt;meta http-equiv content&gt; &lt;title&gt; Contact on WhatsApp &lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;a href style target&gt; &lt;p style&gt; Talk to us! &lt;i style class&gt; &lt;p&gt; &lt;/i&gt; &lt;/a&gt; &lt;/body&gt; &lt;/html&gt; If I put it manually inside the index.html file it works ... but the point is that I have to do it manually. And whenever I do any export with updates I will have to remember to enter index.html to make this change.
Vote to pay developers attention to this features or issue.
21 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 3 weeks ago

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.

2021-02-13-081628.png

...................................................
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

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. !2021-02-13-081628.png! ................................................... 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
Support Team
Support Team posted this 3 weeks ago

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

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
medradoconsultoria
29 Posts
medradoconsultoria posted this 3 weeks ago

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.

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.
medradoconsultoria
29 Posts
medradoconsultoria posted this 2 weeks ago

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

Could anyone help me with this issue? still not working and has been waiting for a response for 7 days ..
boy4ksa
17 Posts
boy4ksa posted this 2 weeks ago

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

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 2 weeks ago by boy4ksa

medradoconsultoria
29 Posts
medradoconsultoria posted this 2 weeks ago

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.

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.
Support Team
Support Team posted this 2 weeks ago

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

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
medradoconsultoria
29 Posts
medradoconsultoria posted this 1 weeks ago

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.

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 1 weeks ago by medradoconsultoria

Support Team
Support Team posted this 6 days ago

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

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
medradoconsultoria
29 Posts
medradoconsultoria posted this 6 days ago

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.

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.
Support Team
Support Team posted this 3 days ago

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

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
medradoconsultoria
29 Posts
medradoconsultoria posted this 3 days ago

follows the attached project ..

follows the attached project ..
Support Team
Support Team posted this 3 days ago

Hi Marcos,

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

project-export.png

...................................................
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

Hi Marcos, This is the exported theme, we need your Project file. !project-export.png! ................................................... 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
medradoconsultoria
29 Posts
medradoconsultoria posted this 3 days ago

follows the attached project

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

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 3 days ago by medradoconsultoria

Support Team
Support Team posted this 2 days ago

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

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
medradoconsultoria
29 Posts
medradoconsultoria posted this 2 days ago

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.

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.
Support Team
Support Team posted this yesterday

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

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
medradoconsultoria
29 Posts
medradoconsultoria posted this yesterday

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.

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.
Support Team
Support Team posted this yesterday

Hi Marcos,

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

html.png

...................................................
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

Hi Marcos, I have made this HTML control small enough so it does not affect the layout: !html.png! ................................................... 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
medradoconsultoria
29 Posts
medradoconsultoria posted this yesterday

OK. thanks.

OK. thanks.
You must log in or register to leave comments