How to integrate with Wordpress in 2016
Asked by Adam Diamond:

The last posts on integrating wtih Wordpress was in 2016. Haver there been any updates to this? Our website is on wordpress and we want to integrate our FAQs and support which are on confluence.

Thanks!

EDIT: Adding my comment from below for more visibility:

OK, I think I should clarify what I'm looking for. Sorry for not doing this earlier.

I'm an IT guy who just used Confluence to build a KB in Confluence for external use. I enabled anonymous viewing and commenting so those who aren't in our account can view \& search the KB. We just paid a team to reconstruct our website from scratch using wordpress. We want to replace our static support page with one built on the confluence space I created.

We want it to look like it's a natural part of our page and not have confluence branding or the sidebar viewable to our customers. Now, I'm not going to be the one that does that, the people we pay to build the website will do it, I just want to point them to the right resources so they can get it correct quickly. I think, but I'm not sure, that Steven's comment will help them get where we want to go, but is that all I need to tell them? Can we use other stuff confluence makes easy (like the label views)?

Hope that's clearer. My brain always works better at the beginning of the day than at the end...


Answers:
author: Davin Studer
body: Here is a thought that might work. I've written a user macro that hides all the stuff around the page body of a confluence page when the url ends with "?fameable=true". You could put the user macro on your KB pages and then iframe them into your Wordpress site. That way you can still edit them in confluence and get all the good stuff that Confluence provides, but make it not look like Confluence. Below is the code for the user macro.

User Macro

**Macro Name:**   
frameable

**Macro Title:**Frameable

**Macro Body Processing:**No macro body

**Template:**

```
## Developed by: Davin Studer## Date created: 04/02/2015## @noparams#if($req.getParameter('frameable') == "true")#set ($p = '#')&lt;style&gt;${p}header, ${p}footer, .ia-splitter .ia-splitter-left, ${p}labels-section, ${p}comments-section, ${p}sidebar-container, ${p}main-header, ${p}content .page-metadata {display: none !important;}${p}main {margin-left: 0 !important; border: 0 !important; padding: 0 !important;}body {background: ${p}FFFFFF !important;}&lt;/style&gt;#end
```

comments: author: Adam Diamond
body: Thank you very much. I'll give this a try


author: Davin Studer
body: I just updated the user macro to hide a few more elements so that only the content portion is shown when the querystring is applied.


author: Steven F Behnke
body: This is interesting, I use a stylesheet to do a similar thing for a few pages. On his new question though he indicates Confluence Cloud though ![sad](/html/@C495B4504065515364EB1894F812B34C/images/emoticons/sad.png "sad").


author: Adam Diamond
body: You are correct. We have a cloud instance. Clearly not the only error I made posting this originally.


author: Davin Studer
body: Ah! Well, then I plumb out of ideas for you.


author: Davin Studer
body: Although I think the cloud instance does have the content formatting macros installed. In the server instance that gives you a style macro where you can put styles on a page ... not sure if it is turned on in cloud. If it is you could just paste the styles in the above user macro into the style macro and do it that way. You probably would want to take out the "${p}main-header" style as it would hide the edit button for logged in users. So it would be ...

```
#header, #footer, .ia-splitter .ia-splitter-left, #labels-section, #comments-section, #sidebar-container, #content .page-metadata {display: none !important;}#main {margin-left: 0 !important; border: 0 !important; padding: 0 !important;}body {background: #FFFFFF !important;}
```


author: Nils Bier _K15t_
body: Hi folks,

Just wanted to let you know that we've released [Scroll WordPress Publisher for Confluence Cloud](https://marketplace.atlassian.com/plugins/com.k15t.scroll.scroll-wordpress/cloud/overview).

With this add-on you can work collaboratively within Confluence and can then publish your blog post to Wordpress to make it available via your blog.  
The add-on is currently available for Cloud only, with the limitation that only blogs running on [wordpress.com](http://wordpress.com) can be published.

We're still collecting feedback from potential users and would like to gather your feedback and improvements.  
If you'd be interesting in using it on Confluence Server with your own domain, please get in touch with us via [hello@k15t.com.](mailto:hello@k15t.com.)

Looking forward hearing from you.

Cheers,  
Nils

comments: author: ambarleiva
body: Does this app work for confluence cloud?


author: Nic Brough -Adaptavist-
body: Ok, it is still 2016, and which posts are you looking for? Also, what do you want from "integrate"?

comments: author: Davin Studer
body: And hey you are consistent! You asked the same question about what they mean by "integrate" three years ago.


author: Nic Brough -Adaptavist-
body: Yes, that's pretty much a perfect question - it's 100% clear what you want now!

I'd say it's better to answer the new clean one you raised over at <https://answers.atlassian.com/questions/39126129>   

That should see a wider audience than our comments and updates :smile:


author: Adam Diamond
body: OK, I think I should clarify what I'm looking for. Sorry for not doing this earlier.

I'm an IT guy who just used Confluence to build a KB in Confluence for external use. I enabled anonymous viewing and commenting so those who aren't in our account can view \& search the KB. We just paid a team to reconstruct our website from scratch using wordpress. We want to replace our static support page with one built on the confluence space I created.

We want it to look like it's a natural part of our page and not have confluence branding or the sidebar viewable to our customers. Now, I'm not going to be the one that does that, the people we pay to build the website will do it, I just want to point them to the right resources so they can get it correct quickly. I think, but I'm not sure, that Steven's comment will help them get where we want to go, but is that all I need to tell them? Can we use other stuff confluence makes easy (like the label views)?

Hope that's clearer. My brain always works better at the beginning of the day than at the end...


author: Steven F Behnke
body: To further expand (instead of my first lame comment) --

* I am already authenticated
* I know the ID of my page
* I request a page using REST  
  https://confluence.domain.com/rest/api/content/26247264?expand=body.view

Confluence will respond with a JSON package, and inside body.view.value I obtain an HTML representation of my Confluence page:

```
&lt;p /&gt; &lt;div class="plugin_attachments_container conf-macro output-block" data-hasbody="false" data-macro-name="attachments"&gt; &lt;div class="plugin_attachments_table_container"&gt; &lt;fieldset class="hidden"&gt; &lt;input type="hidden" class="plugin_attachments_macro_render_param" name="pageId" value="31163882" /&gt; &lt;input type="hidden" name="deleteConfirmMessage" value="Are you sure you want to delete the attached file {0}?" /&gt; &lt;input type="hidden" class="plugin_attachments_macro_render_param" name="upload" value="true" /&gt; &lt;input type="hidden" name="outputType" value="display" /&gt; &lt;/fieldset&gt; &lt;table class="attachments aui"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th class="expand-column attachment-summary-toggle"&gt;? &lt;/th&gt; &lt;th class="filename-column"&gt; &lt;a href="/display/V5220/test?sortBy=name&amp;amp;sortOrder=ascending"&gt;File&lt;/a&gt; &lt;/th&gt; &lt;th class="modified-column"&gt; &lt;span class="propersortedby $sortOrder"&gt;&lt;a href="/display/V5220/test?sortBy=date&amp;amp;sortOrder=descending"&gt;Modified&lt;/a&gt;&lt;/span&gt; &lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;/div&gt; &lt;div class="plugin_attachments_upload_container"&gt; &lt;div class="attachments-table-drop-zone"&gt; &lt;div class="drop-zone-empty-text"&gt; No files shared here yet. &lt;/div&gt; &lt;li class="drop-zone-text"&gt; &lt;div class="drop-zone-image"&gt; &lt;/div&gt; &lt;span&gt;Drag and drop to upload or &lt;a class="aui-button aui-button-link browse-files"&gt;browse for files&lt;/a&gt;&lt;/span&gt; &lt;img src="/images/icons/wait.gif" class="plugin_attachments_dropzone_uploadwaiticon" /&gt; &lt;/li&gt; &lt;form method="POST" class="plugin_attachments_uploadform aui hidden" action="/pages/plugins/attachments/doattachfile.action?pageId=31163882" enctype="multipart/form-data"&gt; &lt;input type="hidden" name="atl_token" value="f0a734b5130916dcb8590f7f81ddd49b40341ac2" /&gt; &lt;div class="field-group"&gt; &lt;label&gt;Upload file&lt;/label&gt; &lt;input type="file" name="file_0" size="30" /&gt; &lt;/div&gt; &lt;div class="field-group"&gt; &lt;label&gt;File description&lt;/label&gt; &lt;input type="text" class="blank-search text" name="comment_0" size="20" placeholder="Comment" /&gt; &lt;input type="hidden" name="labels" value="$macroParams.labels" /&gt; &lt;/div&gt; &lt;div class="field-group"&gt; &lt;input type="submit" class="submit aui-button" name="confirm" value="Upload" /&gt; &lt;/div&gt; &lt;iframe class="plugin_attachments_uploadiframe hidden" name="hg8avLUjOxzFy5adFDrjVTNhroBh6sGHXoGTVagm17cZz4ypajGITeGoLheNlIih" src=""&gt; &lt;/iframe&gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt; &lt;div&gt; &lt;/div&gt; &lt;/div&gt;
```


author: Steven F Behnke
body: If you could describe your use-case with sufficient detail we can point you in the right direction


author: Adam Diamond
body: Sorry. I meant to say that the last integration posts were from 2013:

<https://answers.atlassian.com/questions/234905/wordpress-integration>

Is there any easy way to embed the pages from our Confluence pages into our wordpress website?

Thanks in advance for your reply.

comments: author: Nic Brough -Adaptavist-
body: Ah, ok. Well, it's not really changed since. You'll need to find or build something that can pull from Confluence, reformat, and post to Wordpress.


Tags: wordpress