cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
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
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
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
Microsoft Ignite

Microsoft Ignite

Join digitally, March 2–4, 2021 to explore new tech that's ready to implement. Experience the keynote in mixed reality through AltspaceVR!

New Super Users

Meet the Power Virtual Agents Community Super Users!

Congratulations to our Season 1 2021 Super User Crew!

PVA Commnity Blog

NEW Power Virtual Agents Community Blog

View articles posted by fellow community members on the Power Virtual Agents Community Blog!

Microsoft Ignite

Microsoft Power Platform: 2021 Release Wave 1 Plan

Power Platform release plan for the 2021 release wave 1 describes all new features releasing from April through September 2021.

Users online (70,399)