Support Center

Embed Regpack into a Joomla site

Last Updated: Feb 17, 2017 10:01AM PST
For Joomla sites you will need to apply one setting before installing the script on the page you would like to hold our system. Super Users will need to remove text filtering before Joomla's system will display our i-frame. The Regpack i-frame functions very similar to embedding a YouTube video on your website so following these instructions will configure your site for our script
  1. Get the HTML code Log into the regpack back-end and make sure you are in the correct group. Go to https://www.regpacks.com/reg/admin/projects/iframe_config.php
    • There should be a box there with some code in it.
    • Copy that code. (if this page in inaccessible, just copy the snippet at the bottom of this document and change the “GROUP_ID” to the group’s actual ID)
  2. Put it in your website’s HTML
    • Copy the code above and open up the page you want to have the regpack system in your favorite editor.
    • Paste the HTML code where you would like it to be. The iframe will adjust its width based on the parent it is inside of. It is ideal that the iframe has at least 900px of horizontal space. The iframe will also adjust its own height in your webpage based on what is inside of the iframe, so make sure its parent does not have the CSS property of overflow:hidden and ideally does not have an absolute height. Save and upload your HTML file to your webserver.
  3. Bonus Features
    • If you want Regpack’s internal navigation to appear apart from your iframe (for example, you already have a navigation sidebar) You can put a tag in your HTML that looks like this: <div id="regpack_iframe_navigation"></div> The navigation will now be transported outside of the iframe and you can use it to control the iframe
  4. Is something wrong?
    • Does the content inside your iframe cut off or just doesn’t look like it fits? This is probably a configuration issue. Your group’s template should point to the iframe template.
    • Did nothing happen? Please re-check the HTML code and make sure you replaced the GROUP_ID with your groups actual ID
  5. Iframe totally broken? 
    • Regpack uses JavaScript in order to render the system in your site. Many Content Management systems disable the ability to add Javascript directly to your content, which requires that you make certain adjustments. That said it is possible to embed the Regpack system into any page of your Joomla site by doing the following:
    • 1. Go to System -> Global configuration
    • 2. In the "Site" tab (it will be the default opened) make sure that the Default Editor is "TinyMCE". In normal configurations this is already set.
    • 3. Click the "text filters" tab at the top and make sure the "No Filtering" is selected for the "Super Users" option. In normal configurations this is already set.
    • 4. Save and Close.
    • 5. On the top menu click the "extensions" and then "plugins".
    • 6. Find the TinyMCE plugin and make sure it is enabled.
    • 7. Click the link to go into the TinyMCE configuration.
    • 8. Look for the "Prohibited Elements" and make sure it is presenting "applet" (without quotes) only. If anything else is there delete it.
    • 9. Look for the "Extended Valid Elements" option and add the following into it:
    • script[type|src|id],iframe[src|style|width|height|scrolling|marginwidth|marginheight|frameborder]
    • 10. Save and Close.
    • 11. Create a new Article you want to embed the Regpack system into.
    • 12. Add the text you want and everything else.
    • 13. Click the "Toggle Editor". You will be presented with the HTML that the page will present. In the place you want to add the Regpack system add the code you got on the Settings -> Project Settings -> Embedding section under the "Embedding Code".
    • It should look something like this: <div id="regpack_iframe_container"><div id="regpack_noscript_div"><a href="http://www.regpacks.com/">Registration system for: Your project</a></div><script id="regpack_iframe" type="text/javascript" data-cfasync="false" src="https://www.regpacks.com/reg/regpack_iframe.js?gid=xxx"></script></div>  (Where the xxx is the regpack system will automatically have your project id.)
    • 14. After you have added the code into your Joomla article click the "Toggle Editor" again. You will see a link with your project name where you added the code.
    • 15. Save the article and refresh the page.
    • 16. Click the "Toggle Editor" button again just to make sure that the code is still there in the format and method you entered it.
    • 17. Go to the page on your Joomla website and you should see the Regpack system populate in the correct place.

Contact Us

support@regpacks.com
http://assets0.desk.com/
false
regpack
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete