1. Copy this code and paste it before </head> or after <head> in your theme code (use Control F to find it).
The url highlighted below is for the close button. You can change what it looks like by replacing the highlighted URL with another image URL. If you want the url of one of these close buttons, right click on the button you want and click ‘copy image url’ and paste it into the code.
2. Paste this code before </style> or if you can’t find that, put it after <style> or <style type=”text/css”>
The codes highlighted below are the colours of the pop up box background and the border, you can change them if you like using this website or the more tab on our blog.
3. Find your ask link. It can be tricky to find for some people, but you have to replace it with this code.
It might look like <a href=”/ask”>ask</a> or <a href=”/ask”>message</a> or <a href=”{text:Link one url}”>{text:Link one}</a>
Message me for help with step 3 of adding a pop up ask box if you can’t find it.
You can change ‘MESSAGE’ to whatever you want the title of the link to be.
4. Paste this code after </body> in your theme code.
If you want to add an faq to your pop up ask box, find <center> and put your faq directly after it. Then, add <p> directly after your faq.
PLEASE LOOK HERE BEFORE ASKING QUESTIONS ABOUT THIS TUTORIAL! IT MAY HAVE BEEN ANSWERED!
Credit: megscoding
Please ‘like’ this tutorial if it was helpful! x