How to embed into Joomla?

Embedding a flipping book on Joomla can require more steps than the standard embedding on other website platforms like WordPress or Wix.

Note! If you’re using a non-standard Joomla editor, just try to follow our general embedding guide. It will work fine for FlippingBook Online Starter and higher plans. However, if it’s not working and your plan is Starter and higher, please proceed with the following instructions.

Not all standard Joomla editors do process FlippingBook embed code correctly – for instance, our code works perfectly in CodeMirror but is not supported by TinyMCE. Of course, if your article or post made on Joomla only consists of a flipbook alone, you can just turn off the editor completely, but usually, a book needs to be complemented with a bit of nicely formatted text, and that’s easier to do so in a WYSIWYG editor.

Note! If you are not an administrator user, the installation and customization options mentioned in this article might be unavailable to you. In that case, please consult with your Joomla administrator.

In this article, we show how to embed an example publication using two custom editors - ARKEditor and RokPad.

• Installing and enabling custom editors (ARKEditor or Rokpad) in your Joomla space
• Embedding using ARKEditor
• Embedding using RokPad 

Installing and enabling custom editors (ARKEditor or Rokpad) in your Joomla space

Generally, Joomla editors can be found and downloaded from the Joomla Extensions Directory, but here are the direct links to ARKEditor and Rokpad for your convenience:

ARKEditor: https://arkextensions.com/products/ark-editor#download (the Free version is more than enough for embedding needs)

Rokpad: https://rockettheme.com/joomla/extensions/rokpad 

Here’s how you proceed after finding the page of the extension you need to install: 

• Click the download button on the extension’s page to get its installation .zip file.
  
• The extension can then be installed in your Joomla Control Panel, in the Extensions section. 
• Select Extensions -> Manage -> Install option on the top bar:
  
• Drag and drop the .zip file with the extension you’ve downloaded from the Directory and wait until the installation is complete:
  
• Proceed to System -> Global Configuration section via the same top bar:

• Change your Default Editor in Site Settings - it will now be used for creating new articles:
  
• Click on Save to apply the changes:

Embedding using ARKEditor

If you want to use ARKEditor as your editor of choice and have already selected it as your default editor, then follow these steps to embed your publication:

1. Access your Joomla Control Panel (the main administrator page) via the top bar:

2. Select New Article option in the Content section to open the editor:

3. Open the Flipbooks page in your FlippingBook account, hover over the flipbook you need to embed, and select More > Embed.
   
4. Make sure that the Embed to Website option is selected and copy the embed code using the Copy code button. 

4. Paste the embed code in the article body in the Source tab (if you paste it in the Design tab, the embed code will appear as plain text instead of showing the embedded flipbook) and click Save once you’re ready to publish the article:

Embedding using RokPad

If you’ve installed RokPad editor and selected it as a default one, here’s how you can embed a flipbook into your page

1. Access your Joomla Control Panel via the top bar:

2. Select New Article option in the Content section:

3. Open the Flipbooks page in your FlippingBook account, hover over the flipbook you need to embed, and select More > Embed.

Make sure that the Embed to Website option is selected and copy the embed code using the Copy code button. 

4. Copy the code in the body of the article:
   

    
5. Save the article:

If you want to check the final result, you can proceed to your Joomla website by clicking the Your Joomla website link in the upper right corner and proceeding to the article: