cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
New Member

How to add VA iFrame to WordPress website

How can I add the VA to a WordPress website?  I have used Buttonizer to get a button on every page, and then PopupMaker to add the frame, but I am having issues with how it displays on mobile. Popup Maker suggests that I don't use iFrames. Does anyone have any suggestions?

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Super User
Super User

Re: How to add VA iFrame to WordPress website

Hi @luciamc1968 ,

 

You can follow these steps:

1- Go to the channels section on the left menu under Manage, and there you find 15 channels ready to choose from to make your bot available.

2- Select the option Customer Website so that you could connect it to your WordPress site.

3- It gives you an HTML snippet that you could copy and paste into the page on your website.

Template: 

<!DOCTYPE html><html><body><iframe src=”https://powerva.microsoft.com/webchat/bots/aa00aaa0-000a-0000-00aa-aaa00aa0aaaa” frameborder=”0″ style=”width: 100%; height: 100%;”></iframe></body></html>

 

4- Copy this code and jump into the WordPress admin section of your website.

5- Open the page in edit mode and add a code block to the bottom of the page with the HTML provided.

6- Then saved and published the page. And it worked. 

 

If you want to update the layout, you can use the scripts into your Wordpress page.

 

Thanks! 🙂


Did I answer your question? Mark my post as a solution!
Thanks!

Renato Romão,

Connect with me here 😉

Power Virtual Agents course (+1.000 students): https://www.udemy.com/pva-beginners

View solution in original post

1 REPLY 1
Highlighted
Super User
Super User

Re: How to add VA iFrame to WordPress website

Hi @luciamc1968 ,

 

You can follow these steps:

1- Go to the channels section on the left menu under Manage, and there you find 15 channels ready to choose from to make your bot available.

2- Select the option Customer Website so that you could connect it to your WordPress site.

3- It gives you an HTML snippet that you could copy and paste into the page on your website.

Template: 

<!DOCTYPE html><html><body><iframe src=”https://powerva.microsoft.com/webchat/bots/aa00aaa0-000a-0000-00aa-aaa00aa0aaaa” frameborder=”0″ style=”width: 100%; height: 100%;”></iframe></body></html>

 

4- Copy this code and jump into the WordPress admin section of your website.

5- Open the page in edit mode and add a code block to the bottom of the page with the HTML provided.

6- Then saved and published the page. And it worked. 

 

If you want to update the layout, you can use the scripts into your Wordpress page.

 

Thanks! 🙂


Did I answer your question? Mark my post as a solution!
Thanks!

Renato Romão,

Connect with me here 😉

Power Virtual Agents course (+1.000 students): https://www.udemy.com/pva-beginners

View solution in original post

Helpful resources

Announcements
Community Conference

Power Platform Community Conference

Check out the on demand sessions that are available now!

Power Platform ISV Studio

Power Platform ISV Studio

ISV Studio is designed to become the go-to Power Platform destination for ISV’s to monitor & manage published applications.

Community Conference

Experience what’s next for Power Virtual Agents

See the latest Power Virtual Agents innovations, updates, and demos from the Microsoft Business Applications Launch Event.

Top Solution Authors
Top Kudoed Authors
Users online (6,922)