join-discord-channel-sticky-button

This repository contains the main code and resources necessary to implement a "Join our Discord channel" sticky button. It was first implemented by Caravana do Absurdo's team in order to use it on their website: https://caravanadoabsurdo.com.br/

How to insert this element into your Wordpress website:

• Open the index.html file inside this repo
• Copy the HTML code inside the tag
• Head to your Wordpress website dashboard, open Widgets and create a Text widget (it shouldn't matter much where you will put this widget, in my case I created it inside "Footer")
• Select "Text" instead of "Visual" in order to be allowed to insert HTML tags
• Paste the code there
• Copy the CSS code under the <style> tag
• Paste those classes where your site allows you to paste custom CSS classes (in my case, I installed the plugin Simple Custom CSS and pasted all my CSS code there)

Tip: dont't forget to update the discord link under the href propriety, or else the button will always invite the user to join Caravana do Absurdo's discord channel, which is probably not what you want if you're following those steps