Instructions for integrating Social Planet to your website, select Here for the Google Doc


1. Go to Main Menu select Account click on Data Feeds 


2. Select the + Add 




3. In the Add Feed enter in Term1 2022 or Current Activities / Events select Add




4. Click on View then select + Add Feed Item select the activities individually to be included in the data fee. Tip remember to Archive Classes so your only selecting current activities. 




Next go to your Wordpress Website 


5. Select PlugIn item search and install the Shortcoder and Simple Custom CSS and JSS and Activate



6. Then go to Wordpress Menu select Shortcode select All Short Code




7. Then select Create Shortcode



8. Enter a shortcode name ie sp_feed and click here to find the code, then copy and paste the code into the editor. Select Update




6.  Go to Wordpress Menu select Custom CSS & JS select Add Custom HTML 



8. Then enter the HTML code title  SP Feed Item template select Here and copy and paste the code, select Header then press Update 




9. Then go to Wordpress Menu select Add Page 


10. Select the Default Editor and create your page, Add a Block select the select the Shortcode 



11. Add the following code to display -


            Multiple Activity Cards on your website page, paste the code below 

            

            [sc name="sp_feed" acc=1234 ref=PMwDtpQkpcnbFCZP tpl=sp_tpl_multi]


Note the code consists of - 


            name - name of the custom short code

            acc - account ID from Social Planet

            ref - unique feed reference of the data feed from Social Planet

            tpl - script ID of the template used for rendering. sp_tpl_multi displays multiple cards, up to 4 per row.


           Change the code so the acc= and ref = matches your Social Planet data feed


 For example






           Single Activity Card 


            [sc name="sp_item" acc=1234 ref=rvXARx0aKDgb7NVf id=1907 tpl=sp_tpl_full]


name - name of the custom short code

acc - account ID from Social Planet

ref - unique reference ID of the data feed from Social Planet

id - activity ID from Social Planet

tpl - script ID of the template used for rendering


Follow the same process described above for Multiple