The embed code for your project can be found in the project settings.
Navigate to settings -> project settings -> embedding tab -> copy the text in the "embedding code" box.
Regpack can easily be embedded into any website editor.
- Note: If you have a free version of Wordpress or Square Space - the embed code will NOT work. These free website plans do not allow for outside javascript code unless you have a paid plan. Please reach out to our support team for other options, or upgrade your website editor subscription.
- Below are the most popular Website editors and the steps on embedding. If you have any questions, ask your webmaster.
Embedding Regpack on Wordpress
- In your Wordpress editor, go to the page or create a new page for your registration.
- In the text block that you'd like the system to embed into, ensure you are in the "text" tab and not "visual".
- Once there, simply paste the embed code and click "Update" or "Publish" on the page. That's it!
- Feel free to add a page title and customize the URL for the page your project is embedded on.
Embedding Regpack on Wix
In order to do this you need to do the following on the wix system:
- In the Wix system, Create a new page (or use the page you have).
- Clear out everything from the page except the title and the navigation. This will leave you with a blank content page.
- Through the Wix options select "add" and then the "more".
- Select the top option "html & flash" and from it the "html code".
- Now this is the important part: when adding the widget to the page make sure it is taking the full width possible and then drag it to take up as much of the height as possible. You want at least 1500px height, preferably 2000px height (you may need to manually plug in these height and width dimensions).
- In the backend of the Regpack system, click settings -> project settings -> embedding, copy the code and then add the code. Double click the widget in order to go into its settings. There select "html code".
- Click update.
- Your Regpack system will now be accessible from that webpage. If not, please see troubleshooting tips below.
Embedding Regpack on Square Space
Simply find the location where you'd like to place your project, and edit as "HTML". Then copy and paste the embed code, and save. You're all set! Read more here.
Embedding Regpack on Joomla
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 iframe.
- Once you copy the embed code in Project Settings, paste it in your website’s HTML on the desired page.
- 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. The navigation will now be transported outside of the iframe and you can use it to control the iframe.
Troubleshooting Tips
- 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 Iframe
Is your iframe not embedding as expected?
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.
It is possible to embed the Regpack system into any page of your Joomla site by doing the following:
- Go to System -> Global configuration
- 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.
- 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.
- Save and Close.
- On the top menu click the "extensions" and then "plugins".
- Find the TinyMCE plugin and make sure it is enabled.
- Click the link to go into the TinyMCE configuration.
- 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]
- Save and Close
- Create a new Article you want to embed the Regpack system into.
- Add the text you want and everything else.
- 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".
- 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.
- Save the article and refresh the page.
- 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.