cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
luciamc1968
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
renatoromao
Super User
Super User

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 (+2.300 students | PROMOTIONS) : English | Português

View solution in original post

1 REPLY 1
renatoromao
Super User
Super User

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 (+2.300 students | PROMOTIONS) : English | Português

View solution in original post

Helpful resources

Announcements
MBAS Attendee Badge

Claim Your Badge & Digital Swag!

Check out how to claim yours today!

March Update

Welcome to the User Group Private Preview

Check out new user group experience and if you are a leader please create your group

secondImage

Are Your Ready?

Test your skills now with the Cloud Skill Challenge.

Top Solution Authors
Top Kudoed Authors
Users online (55,072)