Navigation: Payment Options > Courses
Before you can display your course on your website you will need to enable the settings for the course to either display as a standalone option on your registration page or be attached to a stand-alone option.
To enable your course to be viewable, follow these steps:
Displaying a Course as a Stand-alone Option
To display the course as a selectable option on your registration form, please follow these steps:
Step 1: Go to the Course settings by hovering over ‘Payment Options’ and selecting ‘Courses’.
Step 2: To create a new Course click ‘Add new’ or to edit an existing one click on ‘Edit' to the right-hand side of the screen next to the course you wish to display.
Step 3: A Pop-up box will appear with the course settings. One of the questions that you will be asked is ‘Display the option for people to register for this course: Via a stand-alone registration form?’. Here you will need to select ‘Yes’.
Step 4: The question ‘Request payment at the point of registration?’ will appear. If you would like payment made as they register, then select ‘Yes’. If not, then select ‘No’ and the person will need to be vetted and will appear in the group ‘Online registrations awaiting approval’ once they have completed their registration.
Step 5: You will now need to save your changes, scroll to the bottom of the window and select ‘Save and Finish’.
Displaying a Course on a Registration Form
Step 1: Go to the course settings by hovering over ‘Payment Options’ and selecting ‘Courses’.
Step 2: To create a new Course click ‘Add new’ or to edit an existing one click on ‘Edit' to the right-hand side of the screen next to the course you wish to display.
Step 3: A Pop-up box will appear with the course settings. One of the questions that you will be asked is ‘Display the option for people to register for this course: On your registration form?’. Here you will need to select ‘Yes’.
Step 4: The option to ‘Select your registration form’ will appear. Click on this to choose which form the Course can be selected from.
Step 5: The question ‘Request payment at the point of registration?’ will appear. If you would like payment made as they register, then select ‘Yes’. If not, then select ‘No’ and the person will need to be vetted and will appear in the group ‘Online registrations awaiting approval’ once they have completed their registration.
Step 6: You will now need to save your changes, scroll to the bottom of the window and select ‘Save and Finish’.
Embedding the registration page on your website
The next stage is to make sure that you have the correct links to embed the form onto your website. Here are the steps you need to follow to embed the registration forms, the login page and event pages into your website.
Settings > Account
Step 1: Login to your account and hover over ‘Settings’ at the top of the page. Then, select ‘Account’.
Step 2: Towards the bottom of the ‘Settings’ page you will see the ‘Navigation’ section where there will be 3 URLs - one for the registration page, one for the login page and one for the events page.
Step 3: To display your Course on your website, you will need to copy the registration page URL.
Step 4: Paste the URL into an <iframe> tag in the following manner (you can adjust width and height as per your preference):
Step 5: Copy the <iframe> code into the body of your web page HTML source - it should look like this:
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.6.1/iframeResizer.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function () {
iFrameResize({ autoResize: true }, '#ifrmresize');
})
</script>
It should now look like this:
Note - To make the page load back at the top of the form you will also need to add the following script.
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.6.1/iframeResizer.min.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function ($) {
iFrameResize({
autoResize: true,
initCallback: function(){
$('html, body').animate({
scrollTop: $("#ifrmresize").offset().top
}, 500);
},
},
'#ifrmresize');
});
</script>
Once this is done, you will be able to access your registration form and the Course from within your website.
Alternatively, you can embed a single Course into your website for use on a specific page relating to it.
To do this, follow these steps:
Step 1: Login to your account and hover over ‘Settings’ at the top of the page. Then, select ‘Account’.
Step 2: Towards the bottom of the ‘Settings’ page under ‘Navigation’ you will see, ‘Registration form URLs’ – click on ‘Select’.
Step 3: Several URLs will then appear each relating to a specific form you have created and chosen to appear as a Stand-alone option. Select the one for the Course you wish to embed or the form the course is displaying on and copy it.
Step 4: Paste the URL into an <iframe> tag in the following manner (you can adjust width and height as per your preference):
Step 5: Copy the <iframe> code into the body of your web page HTML source - it should look like this:
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.6.1/iframeResizer.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function () {
iFrameResize({ autoResize: true }, '#ifrmresize');
})
</script>
It should now look like this:
Note - To make the page load back at the top of the form you will also need to add the following script.
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.6.1/iframeResizer.min.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function ($) {
iFrameResize({
autoResize: true,
initCallback: function(){
$('html, body').animate({
scrollTop: $("#ifrmresize").offset().top
}, 500);
},
},
'#ifrmresize');
});
</script>
Having individual form URL’s embedded can be useful to separate and direct prospects to the right form from an area of your website.
For example, if they are looking to register for a pre-school session you can send them straight to the pre-school form, and those looking for classes for older children can then be directed straight there too.
Well done! If you followed these steps correctly, you have now successfully embedded your form into your website.
Comments
0 comments
Please sign in to leave a comment.