Basic HTML and Customization Tips

It’s now simpler than ever to add a link to any text element, on any page of your offer! In the Design section, just highlight text that you have already typed into the text element, click the “chain” icon at the top of the screen, and enter the destination URL. The highlighted text will turn blue, and voila! You just added a link.

Highlight text to add link
chain icon
enter URL
Finished link

(Pro-tip: you can change the link color in the Styles tab)

Another option is using an image element as a link. If you hadn’t noticed before, when you upload a picture, there is also a “URL” field just under the file upload button. Adding a URL to this field will turn the entire image into a clickable link! This is an excellent way to present entrants with eye-catching creative that invites them to visit your website for more information, or maybe a link to an exclusive offer available only to those who have entered this one.

Add link to image element

Making numbers required in a text field

Update 10/2018: CSS and HTML are now available on the Advanced and Power plans. If you are on the Basic or Standard plans, you will need to upgrade to use custom CSS or HTML.

To collect phone numbers, postal codes, or other numerical data, you would add a text field and label it appropriately and maybe add some placeholder text to display the type of information that should be entered. This will usually prompt users to enter the correct type of data, but someone could still enter text into the field.
If you’d like to make sure that only numbers are allowed in that text field, switch the form fields section to custom mode (we recommend waiting until all fields have been added) and simply change the input type from “text” to “number.”

requiring numbers in a text field

Making a drop-down required

Update: Drop-down fields are now required by default. While there is no toggle switch to change between “required” and “optional” when you add a drop-down field, it is always required and includes placeholder text that reads “Choose an option” so the entrant must make a selection before entering.

This is now a default control in the Design section. Click to select the navigation element, then adjust the font-size, style, and color using the toolbar at the top of the screen:

Edit page nav font

By default, a user has to hover over the thumbnails of gallery submissions to see the vote button or the first couple of lines of the caption. If you’d like to display either (or both) of these, just paste the corresponding code into the CSS section of your offer:

Caption always on:
#page-container .gallery-item .gallery-item-info .gallery-item-caption,

#page-container .gallery-item .gallery-item-info .gallery-item-status.vote,

#page-container .gallery-item .gallery-item-info .vote-button {

display: block !important;

}

Vote button always on:

#page-container .gallery-item.show-vote-count .gallery-item-info .gallery-item-caption, #page-container .gallery-item.allow-vote .gallery-item-info .gallery-item-caption {

display: block !important;

}

If you have other customization in mind, email us at support@woobox.com or give us a call at 1-360-450-5200!

Updated on July 16, 2021

Was this article helpful?

Related Articles