Toggle sidebar Toggle sidebar

Solved 3CX Livechat WordPress and Elementor #9105

Status
Not open for further replies.
dacosta

dacosta

SOHO User
Joined
Jun 7, 2016
Messages
39
Reaction score
3
I trying to enable 3CX Livechat for an WordPress site that was built using Elementor Pro.

In the meantime, the most i could do was adding a fluctuation elementor element button - which i tweak it to add simple email link (simple i must have at least one) and on CTA/CPA button itself, i've pasted the direct Livechat URL from Voice & Chat.

1) I have tried adding it as custom element - code - button doesnt become active (greyed out) - NEXT to <body> or </body>
2) I have tried adding it as popup - with code inside of it - it doesnt become active (greyed out) - and i get an weird blank popup in the middle of screen
3) I tried using 3CX Livechat Wordpress plugin - for all tests i tried changing the URL - i have a staged and prod environnment
4) I have spinned up a simple python server with simple HTML code in my local machine following this thread

Solved Thread 'Creating a simple test page for Live Chat'

We are using 3CX hosted Version 20.0 Update 5 and have enabled Live Chat. Before we go live, we would like to demonstrate to marketing.

I created a simple html web page. The chat widget appears, but displays a no-no sign when you mouse over. I tried using both variations the 3CX code generator creates. Same result.

This is the page template.
HTML: 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Test Web Page</title>
</head>
<body>
    <h1>Welcome to My Test Page</h1>
    <p>This is a...
If i set the proper local machine URL, the manual 3CX Livechat Snippet works

From Elementor, i was choosed Entire site.

I believe the WP plugin isn't working because we use Elementor to build our site.
And because of WordPress and Elementor Pro, i can't simply grab individual files like index.html and place the snippet code right before </body>

The issue with my workaround is that 3CX Livechat buttons is set to open on browser tab, less worse than reloading on the website itself and my layout customs like element colours and etc... doesnt work using the direct 3CX Livechat.

Any ideas?


Regards,
Rafael da Costa
 
Must be added as custom code, and make sure the site is authorized in the LiveChat config in 3CX.

We use it with Elementor so I know it works.
 
ConceptsWeb,


i don't know what i have done wrong before, but i came back to this and today i was able to successfully enable the floating 3CX Livechat, inside custom code as you said on Elementor.

I don't know if prior i have selected header instead of body on custom code, but after your reply, i went to follow up the setup steps on a lab website, it worked, then i tried on product site and it worked too.

Thank you
Regards,
Rafael da Costa
 
  • Like
Reactions: KyriacosS_3CX and Evolute IT
Status
Not open for further replies.

Latest Posts

Members Online Now

Total: 193 (members: 1, guests: 192)

Forum statistics

Threads
111,832
Messages
589,286
Members
164,662
Latest member
DejanMDS
3CX Logo Footer Copyright © Sitemap Privacy
Top Bottom