Embedding Tableaus into a WordPress Post

This page will show two methods to embed Tableaus into a WordPress post

*Note that some WordPress themes are not compatible with Tableaus, so after following these steps and the Tableau doesn't show up on your page, try and change the theme of your site*

Method 1:

1) Make sure your Tableau visualization is published

2) Click on the share button

 

3) There will be two options that come up, Embed Code and Link. Copy the entire text from the Link section

4) Go to your WordPress site now and make/update a post

5) Click on the Add Advanced iFrame button

6) Text saying [advanced iframe width="100%" height="600"] will appear in the body of your post

7) In between the iframe text and the width text, insert src="URL-FROM-STEP3&:showVizHome=no&:embed=true"

*MAKE SURE TO INSERT THE &:showVizHome=no&:embed=true AFTER THE LINK YOU COPIED FROM STEP 3*

8) Click on Update and then view your post to see your new Tableau

 

Method 2:

1) Make sure your Tableau visualization is published

2) Click on the share button

 

3) There will be two options that come up, Embed Code and Link. Copy the entire text from the Embed Code section

4) On your WordPress site, make sure you have the Code Embed plugin activated

5) Now and make/update a post

6) If you scroll down from your post editor screen, you will see a section that says Custom Fields

7) Under the Add New Custom Field: section, click on Enter new

8) The Enter new text should change to Cancel and the Name field above will be blank (if you've never added a custom field before, you might be able to skip this step since the Name field might already be blank)

9) In the Name field, type in CODEname-of-your-choice

*It is very important that you type in CODE before the name of your Custom Field or else the Tableau won't show up*

10) In the Value field, paste the Embed Code you copied from step 3 and click the Add Custom Field button

11) Your Custom Fields section above should now be populated with the Custom Field you just added

12) Scroll up to the body of the post and type {{name-of-your-custom-field}}

13) Click on Update and then view your post to see your new Tableau