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.

  1. Edit a page or post, click an insert point, and select Code from the menu. For help, visit Adding blocks.

  2. Add your code in the text box.

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

Learn more:
https://make.wordpress.org/support/user-manual/content/media/adding-media-to-your-pages-and-posts/embedding-media-from-other-sites/#html-embeds

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.

Related

Back to Help Center