Customize Your Survey Pop-Up Button to Match Your Branding

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:

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

  1. 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?

    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!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.