Setting up SquareOffs in XenForo

Here's how to set up XenForo to allow for SquareOff questions inside of your forum posts to stimulate community conversation.

SquareOffs Support avatar
Written by SquareOffs Support
Updated over a week ago

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”

  1. In the left navigation, go to the "Content" section and click on “BB code media sites”.

  2. Click “Add BB code media site” in top right corner.

  3. 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!

Did this answer your question?