How to integrate with Wordpress in 2016

Adam Diamond June 9, 2016

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...

8 answers

1 accepted

1 vote
Answer accepted
Davin Studer
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
June 10, 2016

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 = '#')
<style>
${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;}
</style>
#end
Adam Diamond June 10, 2016

Thank you very much. I'll give this a try

Davin Studer
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
June 10, 2016

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.

Steven F Behnke
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
June 10, 2016

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.

Adam Diamond June 10, 2016

You are correct. We have a cloud instance. Clearly not the only error I made posting this originally.

Davin Studer
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
June 10, 2016

Ah! Well, then I plumb out of ideas for you.

Davin Studer
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
June 10, 2016

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;}
1 vote
Nils Bier _K15t_
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
November 29, 2016

Hi folks,

Just wanted to let you know that we've released Scroll WordPress Publisher for Confluence Cloud.

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 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.

Looking forward hearing from you.

Cheers,
Nils

ambarleiva August 11, 2020

Does this app work for confluence cloud?

1 vote
Nic Brough -Adaptavist-
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
June 9, 2016

Ok, it is still 2016, and which posts are you looking for?  Also, what do you want from "integrate"?

Davin Studer
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
June 9, 2016

And hey you are consistent! You asked the same question about what they mean by "integrate" three years ago.

0 votes
Nic Brough -Adaptavist-
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
June 10, 2016

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

0 votes
Adam Diamond June 10, 2016

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...

 

0 votes
Steven F Behnke
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
June 9, 2016

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: 

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

 

 

0 votes
Steven F Behnke
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
June 9, 2016

If you could describe your use-case with sufficient detail we can point you in the right direction

0 votes
Adam Diamond June 9, 2016

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.

 

 

Nic Brough -Adaptavist-
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
June 9, 2016

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.

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events