Enable SquareOffs in XenForo
Step #1 - Go the XenForo Admin Control Panel
Go to your XenForo admin control panel. This should be your forum url followed by "/admin.php" - example: https://www.yoursite.com/admin.php
Step #2 - Go to “BB code media sites”
In the left navigation, go to the "Content" section and click on “BB code media sites”.
Click “Add BB code media site” in top right corner.
Add the following:
Media site ID:
squareoffs
Site title:
SquareOffs
Site URL:
https://squareoffs.com/
Checkboxes:
[X] Check "Show this site on the list of 'supported' sites shown to visitors"
[X] Check "Enabled"
Match URLs:
squareoffs.com/square_offs/{$id}
Embed Template:
In a separate browser tab/window, retrieve the code needed here by logging into your SquareOffs account and going to: https://squareoffs.com/feeds
Click on the feed that you'd like associated with the forum. You may only have one, typically the "Polls Page". If you don't see one, then create your first feed. This feed will simply determine the series of SquareOffs to show the user after they vote on the first question featured in a forum post.
Once you've clicked on the Feed you'd like to use, click on the "Embed" tab, and copy the "Wide" embed code.
Return to the “Embed Template” section in XenForo and paste this code.
Next, in the code, add the following to the end of the src attribute inside the double-quote. This code will pass in the ID of the SquareOff that you wish to show in each post, so that your chosen SquareOff shows first:
&soid={$id}
Example:
<script type="text/javascript" src="https://squareoffs.com/assets/embed.js"></script>
<iframe class="squareoffs-group-wide" id="embed_square_off_1234" name="embed_square_off_1234" scrolling="no" frameborder="0" width="100%" height="1200" referrerpolicy="no-referrer-when-downgrade" src="https://squareoffs.com/embeds/1234?feed_size=wide&soid={$id}"></iframe>
The code in "Embed Template" should now match the example above, but show your Feed ID instead of "1234".
Click “Save”.
You're done with the setup! 🎉
NEXT:
Let us know if you have any questions. We're happy to help!