# Signup Widget for your Website

The HTML widget code is used to add a campaign sign-up box on your website so that users can sign up to receive additional email campaigns from you. The widget page gives you options for the font, colors, and size for the widget. You simply copy the generated HTML code into a web page on your website to add the campaign signup.

 ![](https://outline-production-attachments.s3-accelerate.amazonaws.com/uploads/48da3d2a-9a3a-434b-824b-a6018154f31c/2b1cfe5c-94cf-460e-9723-ff4667ef5852/subscribe.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA4EOUDTOVUICLPZ4P%2F20261024%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20261024T150000Z&X-Amz-Expires=86400&X-Amz-Signature=bf79b73b39969d8638008ec6039ea69522ad9bd85d4389543a43ad9a17f488ae&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =158x116")


:::success
**Where do I find it?**

You can get the HTML widget code for your Email Marketing Campaign by going to **Services > Email Marketing: Campaigns**, clicking the Campaign's Name and clicking **Get Widget HTML**.

:::

# How users sign up

When your users sign up for your emails using the signup box, they will get two emails:

* A verification email
* An email allowing them to change their subscription preferences

# Add a widget

To add the signup widget to your emails (or to your website), customize the design and then generate the code. You can then copy and paste the code where you want the box to appear. 

## Customize the widget

Select the font family, font size, colors, and widget height and width. The preview at the bottom of the page will update automatically.

 ![](https://outline-production-attachments.s3-accelerate.amazonaws.com/uploads/48da3d2a-9a3a-434b-824b-a6018154f31c/1a3a3596-a976-45f5-843a-949fc156c64e/create-widget.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA4EOUDTOVUICLPZ4P%2F20261024%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20261024T150000Z&X-Amz-Expires=86400&X-Amz-Signature=a4f8946f96b78958238173b429e9b6cee4fc07564b0ebd67f5721075dc320f2c&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =741x1043")

## Generate the widget code

When you are happy with the appearance of the widget, click the **Generate Widget Code** button. A new page will load with the HTML code from your custom-built widget. Select all of the HTML code from the box and copy and paste it into your web page where you'd like the signup box to appear.

## Save the widget as a Custom Code Snippet

If you are a RescueGroups.org **Website Service** client you can save your custom widget as a **Custom Code Snippet** to insert into any web page or content area on your RescueGroups.org website. To create the code snippet click the **Save as Custom Code Snippet** button.  

For more information about code snippets, see the [Website Service](/collection/27a51475-9ea6-480b-a583-4b1393396895) guide.