cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
luciamc1968
Level: Power Up

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 REPLY 1
renatoromao
Level 10

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! 🙂

Helpful resources

Announcements
thirdimage

Power Apps Super User Class of 2020

Check it out!

thirdimage

New Badges

Check it out!

thirdimage

Power Apps Community User Group Member Badge

Fill out a quick form to claim your user group badge now!

sixthImage

Power Platform World Tour

Find out where you can attend!

Power Platform 2019 release wave 2 plan

Power Platform 2019 release wave 2 plan

Features releasing from October 2019 through March 2020

SecondImage

Difinity Conference

The largest Power BI, Power Platform, and Data conference in New Zealand

Top Solution Authors
Users online (5,081)