This document will go over the steps in embedding the Ambassador Application into your website. You should have your IT staff or web developer help with placing this iFrame into any of your page's body tags.
1. Create an application in your SocialLadder portal. This can be found by going to the Settings page > Manage Applications section. Important this application should use the Workflow: Open Application - Registration (Web)
2. Find the application you want to embed, Click on 'Edit' button under Actions tab. Copy the Area GUID and Application GUID from the application slide out. See image below for reference:
3. Copy and paste the code block below and add it to the page that you wish to host the Ambassador Application on.
<div id="slWebAppWidget"></div>
<script src="https://socialladder.rkiapps.com/SLWeb/slweb-frame.js"></script>
<script>
var areaGuid = "[AREA_GUID]";
var appGuid = getParameterFromURLByName("appGuid");
if (!appGuid) {
appGuid = "[APPLICATION_GUID]";
}
var campGuid = getParameterFromURLByName("campGuid");
var resGuid = getParameterFromURLByName("resGuid");
var crmShopName = "[CRM_SHOP_NAME]";
loadSLApplicationWidget(areaGuid, appGuid, "", "", campGuid, crmShopName, resGuid);
</script>
4. Replace the parameters on the code block above based on the following details
areaGuid: This can be found with the steps above, under the Manage Application section of the settings.
appGuid: This can be found with the steps above, under the Manage Application section of the settings.
NOTE: If the appGuid parameter is included in the URL, you should use the value from the URL instead of the value from the Manage Application page.
campGuid: If an ambassador is invited manually from the SocialLadder portal, we will add the campGuid into the URL. This info is automatically captured.
crmShopName: This is created in the SocialLadder Portal by your Implementation team. This info is automatically captured.
resGuid: This allows the applicant to start where they left off on the application if they are redirected during the application process. This info is automatically captured.
This only applies when applicants are connecting their Instagram or reloading the form.
NOTE: If the resGUID is not in the URL, then send in an empty string for this parameter. Do not remove the parameter from the method call.
NOTE:
The div tag with id=”slWebAppWidget” is important in the snippet as the script will look for that id to load an application iframe inside that div.
The sequence of the div & script should be exactly the same as shown in the snippet.