And here how you should install the plugins (especially Insert a Page) - Video
Create complete sub-pages
As you have seen before it's pretty simple to add text to the application, but if you want to add more sophisticated content like in the demo below you need a different approach. By this you have 2 options:
Coding the CSS, what is most elegant and SEO friendly but as well time consuming and not so easy.
Or consider the approach what we show you next, what is fast and easy.
By this you should be aware that the content will be loaded by an iframe. Bassically this means, that Search Engines like Google can not index this particular content. It means not so you have to face any downgrades or penalties by search engienes.
Create a new page in jb - Video
Create content. - Video
Save the page. - Video
Proceed to the next step
Step 1 - Create a nice page
First stepp is to create a page in jb, which we save than under the name content_import_page. Of course could you name the page as you like when you save it. How ever we will refer to it in the future as content_import_page
Step 2 - Create Content Page
Now you must import your newly created page (content_import_page) to WordPress. To to this follow these steps.
On the WordPress Dashboard click Pages and than Add New
Click (right side) on button import from jb-webs
Select page content_import_page
Confirm system message "Do you want ...." with OK.
Click (right side on Update
Proceed to next step
Check out this Video to see how it works
On the WordPress Dashboard
Click Appearance --> Widgets
Open (right side) Widgets for Shortcodes.
Search the Insert a page on the left sider under Available widgets.
Drag the Insert a page widget into Widgets for Shortcodes
Click on the Choose a page drop-down list and select from there content_import_page - that's the page we importet before in step 2
Check the By iFrame radio button
Refresh the page (Hit F5 to do that)
Now you will see the page's ID next to it
Step 3 - Find out your page's shortcode ID
The next part is a bid tricky, so you maybe watch first the Video be fore you start with it, too get an idea what is to do. After that you should take you time and follow step by step what we show you here - after that you almost got it and are capabel to making great things with that.
<!------------------------ End creating Content ------------------->
Step 4 - Adding the imported page to the animated tab
To add content to the animated tabs you must find the <!------------------------ Start creating Content --------------------------> line in your code and replace the Your content goes here with [do_widget id=insert-page-7], where 7 must be replaced with the ID of your imported page. After that Save-Page and check result in Preview-Page.