Squarespace

This section illustrates the 30 seconds procedure for adding Magic the Gathering card tooltips to your squarespace blog. If at the end, something does not work as expected please Send me an email, and we'll solve the issue.

First, log in and visit the Home Menu click Setttings, click Advanced and open Code Injection.

In the Header area paste the following imports:

<script src="https://deckbox.org/assets/external/tooltip.js"></script>
<script src="https://deckbox.org/assets/external/decks.js"></script>

In the footer section, paste the code that does the magic:

<script>Deckbox.utils.DeckParser.initialize('mtg', 'p');</script>

That's it, you're done! Now you can use anywhere in the blog text tags like the following, and they will be automatically trasformed into links with mouseover images. Please note that for the [deck] tag, the lines should be separated with Shift-Enter in order for the deck to be cleanly parsed.

[card]Lightning Bolt[/card]
[deck]
Mountain
Swamp
[/deck]