Add the Withfriends button to my website
Embed code instructions for Squarespace, Wordpress, Wix, and more
The Withfriends embedded button is a versatile and minimally styled button that you can place on your website to grow your support by 20%!
Why is this important?
Your website visitors are your most engaged online audience, so they are the most likely to support you at the highest amounts!
It's smart to make sure every visitor can easily become a member in two clicks, without ever leaving your website .
Finding my embed code
Go to your organization dashboard, and then click Share Online > Add to Website > Copy embed code
Enter this embed code in your website editor, and Withfriends will create a button that links to your website.
Add this button in a prominent location in your header. Here's a great example:
Squarespace
Use the Code Block feature on Squarespace.
-
Edit a page or post, click an insert point, and select Code from the menu. For help, visit Adding blocks.
-
Add your code in the text box.
-
Click Apply to save your changes.
Learn more:
https://support.squarespace.com/hc/en-us/articles/206543167
Wix
Unfortunately, Wix does not support embed codes.
Instead, add a Menu Link following these instructions: Add a Menu Link
For the link details, use the link from the first line of the embed code you copied. It should look like this, but with your business instead of hypnotic_records.
https://withfriends.co/hypnotic_records/join?utm_campaign=wf-websitelink
Next, go Settings > Tracking & Analytics > Custom Code and enter a script into Body - End. Use the last line from the embed code. It should look like this, but with your business instead of Hypnotic_Records
<script type="text/javascript" src="https://withfriends.co/api/wf-embed-btn.js?b=Hypnotic_Records"></script>
You will need Wix Premium to enable this feature.
Wordpress
If you're using the basic editor, use the HTML Embeds feature of Wordpress
The exact instructions for Wordpress will likely depend on your installation.
Weebly
Use the Custom HTML feature of Weebly.
Learn more:
https://www.hostgator.com/help/article/add-custom-html-to-your-weebly-website
Styling my button
You can style your button by replacing the <img/> tag in the embed code with anything you want.
Need help?
Need us to add a button for you? We'll take care of it!
Let us know at support@withfriends.co or at the chat bubble here.