Customize Your Survey Pop-Up Button to Match Your Branding

Posted by

Krista Stevens

There are several ways to share a survey with others to increase participation. One way is to embed a button into your webpage, that brings up your survey in a pop-up window when participants click on the button. It’s a snap to customize the button’s text, shape, text color, and background color to match your company’s branding. In today’s post, we’ll walk through how to do it.

First, you need to create a survey. Once you’ve got your questions all set up and you’re ready to share the survey on your website, hover over the title of your survey in your dashboard, and click on Embed:

On the Embed pop-up, select Website Popup. You’ll see three options: the button, banner, and slider pop-up. Click on Button:

There are three types of button pop-ups to choose from. The default is a plain text link. You can also select a rounded button:

Or, you can select a square button:

We’re going to select a rounded button for our site. To change the button’s background color from the default (black), you can type in the hex code or click within the hex color box to reveal a color picker. Click on a color to select it. You’ll notice that the button preview changes automatically, so that you can see how the button will look on your website. You can also change the default call to action “Take our Survey!” to any text that you like. The preview will update with your new text automatically:

You can also change the button text color from the default (black) to any color you choose. You can type in the hex code, or click within the hex color box to reveal a color picker. Click on the color to select it. Again, note that the preview changes automatically, so that you can see how your button will look.

When you’ve customized the text, text color, shape, and background color as you see fit, you’re ready to place survey embed code into your website. If you have a WordPress.com site, copy the WordPress.com shortcode and past the button into a new post on your site:

If you’re on another platform, copy the JavaScript code and paste it into your site:

This post is over a year old and the content may be outdated.
Please visit our support docs for the most up to the date information.

2 comments on “Customize Your Survey Pop-Up Button to Match Your Branding

  1. Hi Margo, can you write to us in support at support at polldaddy dot com? Please let us know the URL of your website and the name of the survey that you're working on. Thanks!
    Krista
  2. I'm no longer seeing the website popup options, just Javascript that doesn't allow for me to have a button. But a button is what I need to put on my Wordpress Text Widget. What happened? How can I but a button on my site?
    Margo Trott
%d bloggers like this: