1. Create a folder labeled 'LIVE' in the designated folder from our Master Content folder.
2. REMOVE all the 'speaker note' text's from the 'WORKING COPY' slide and create a copy of the 'WORKING COPY' slide deck, move it inside the 'LIVE' folder, and rename it as LIVE SLIDES: XXX (objective name). Please make sure that the format and wording of the objective name will match with the names that we have on this sheet.
NOTE!
LIVE SLIDES should not have any text on the speaker notes
The linking of slides is only used for WORKING COPIES. If there are slides that are linked from other slides, please make sure to remove the linking when copied to the LIVE SLIDE deck
3. Remove sharing and leave only those that will edit the LIVE slides e.g. MG / Rielle / Zrna.
4. Change the owner of the 'LIVE SLIDES' deck and 'LIVE' folder to MG.
Open both the 'WORKING COPY', and 'LIVE SLIDES' deck
Copy all/ or the updated slides from the 'WORKING COPY' deck to the 'LIVE SLIDES' deck (replace the existing slides in the LIVE SLIDES deck)
REMOVE all the 'speaker note' text's on each slide from the 'LIVE SLIDES' deck
Ensure that the WORKING COPY and the LIVE SLIDES deck's content matches before performing the formatting.
1. Access the automation script. - https://script.google.com/macros/s/AKfycbyDNdwRBDdLefzCNmhIDDmY3_oSjT-puocbm4_GSKmdOM5K37A/exec
2. Enter the objective name on the search box, select 'Live' as the type and hit enter.
3. Once you press search, or enter it should return with the search result of the LIVE SLIDES deck that you enter. The slide can be viewed by selecting 'view' or you can proceed to the next step by selecting 'start'.
4. Once you select start, it will initialize the process (this may take a few seconds, so please wait). A popup box 'Upload' will show. Please make sure to change the Amazon S3 Bucket to 'fof-cdn-live'. You can see that all the file names for each slide has been automatically generated. You can select all, or just pick selected slides to be formatted.
5. Please make sure to validate EACH generated file names and make sure that its correct. There are instances that if the format of the heading title of a slide is different, the script will not generate the correct file name for each slide. If this happens, please update the affected slide to match the correct format (Please make sure to update the slide from both the LIVE SLIDES and WORKING COPY deck). Hit cancel, and repeat from step 1. If no issue is found, please proceed to the next step.
6. Select 'Start Upload' (this may take a few minutes depending on the number of slides that we are formatting). If you encounter an error, or the upload stops, just select 'Retry' to resume the upload.
7. Once the upload is complete, a popup box with the HTML code of each slide will appear, select 'copy' on the upper right hand part of the popup box to copy all the HTML code to your clipboard. You should be on the 'draft page' of the objective to perform the following steps in THRIVE ARCHITECT below.
1. Once you have copied all the html codes from step 7 above, open a new 'Custom HTML' box and paste the codes there.
2. Remove all the existing content on the existing toggle, and move the new 'Custom HTML' box inside the objective's toggle.
3. Perform the usual validating to check if everything is correct (e.g. Zoom feature and the correct styling of the learnmore links) before moving to 'Online Review' or 'Publishing' the page.
NOTE: Embed code for the 'Zoom feature' and 'Learn More' link styling is mentioned below.
1. Select the existing 'Custom HTML' box, look for the line where the new HTML code needs to be added (Based on the order of the slides) and add the copied HTML code from step 7 above.
NOTE:
If there are no NEW slides to be added and we are just updating an existing slide, it should automatically update the slide after you have completed step 7 above. We no longer need to go to Thrive and update the draft page. We just need to validate if the slide was updated by checking the 'Live Page'. Please make sure to clear your cache before checking. In an event that the existing slide did not update, please repeat the steps once, after that if there are still issues, please coordinate with Rielle, Martin or AP.
If there are more than 5 existing slides that are needed to be updated, it is suggested to re-upload the whole 'LIVE SLIDES' deck to ensure that we are not going to miss any slide to update.
If the NEW slides 'heading name' is the same to any existing slide, make sure that when running the automation script to include ALL the slides that uses the same 'heading name' as the NEW slide. This will allow us to use the correct prefix number at the end of the file name.
2. Perform the usual validating to check if everything is correct (e.g. Zoom feature and the correct styling of the learnmore links) before moving to 'Online Review' or 'Publishing' the page.
For the 'Zoom Feature' and the 'Learn More Links' styling to work, we need to add the following code in a new 'Custom HTML' box below the page.
<div class="overlay"> </div>
<div id="popout">
<div id="popoutcontent"><div class="slide_overlay"></div></div>
<div id="clickme"></div>
</div>
<link rel="stylesheet" type="text/css" href="https://cdn.focusonforce.com/wp-content/plugins/fof-customizations/assets/css/fof-zoom.css">
<script src="https://cdn.focusonforce.com/wp-content/plugins/fof-customizations/assets/js/fof-zoom.js"></script>
<link rel="stylesheet" href="https://cdn.focusonforce.com/wp-content/plugins/fof-customizations/assets/css/fof-learn-more.css" type="text/css">
NOTE:
There should only be one 'Custom HTML' box for the 'Embed Code' per page. (It should always be at the bottom of the page)
If it's the first time adding the 'Custom HTML' box on the page, please make sure that we change the padding height to 10 -- THIS IS AN IMPORTANT STEP! If we miss to do this, it might break the page.
Please change the lower padding of the HTML box for the content from 1 to 0 before saving the draft page.