When you are deploying a Military or First Responder discount on your website, we recommend using our GovX ID button. Our members are conditioned to look for the GovX ID logo, so your offer will attract more attention and convert better.
Below are several options for button styles, but feel free to tweak the design to suit your brand aesthetic. When using these buttons, make sure to swap out the placeholder url in the href tag with your own verification endpoint url.
White Button
<div style="width:250px; box-sizing:border-box; padding:5px; border:2px solid #e3e3e3; border-radius:4px">
<a href="https://auth.govx.com/oauth/authorize?client_id={client_id}&redirect_uri={redirect_uri}&scope=user_profile%20verification%20user_demographics&response_type=code&state={state}&display=full&goto=register&campaign_id={campaign_id}" target="_blank" style="text-decoration: none !important;">
<img alt="GovX ID" src="https://i1.govx.net/images/cdn/govx-id-logo-2-colors.png?t=818" style="width: 33%; padding: 5px 0px 3px 0px;" />
<span style="width: 65%; font-family: Helvetica, sans-serif; color: #2a2d36; font-size: 12px; font-weight: 600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: top; padding: 5px 0px;">Military & First Responder Discount!
<span style="color: #0e5777;">Get Verified</span></span>
</a>
</div>
Grey Button
<div style="width:250px; box-sizing:border-box; padding:5px; border:2px solid #e3e3e3; background-color:#e3e3e3; border-radius:4px">
<a href="https://auth.govx.com/oauth/authorize?client_id={client_id}&redirect_uri={redirect_uri}&scope=user_profile%20verification%20user_demographics&response_type=code&state={state}&display=full&goto=register&campaign_id={campaign_id}" target="_blank" style="text-decoration: none !important;">
<img alt="GovX ID" src="https://i1.govx.net/images/cdn/govx-id-logo-2-colors.png?t=818" style="width: 33%; padding: 5px 0px 3px 0px;" />
<span style="width: 65%; font-family: Helvetica, sans-serif; color: #2a2d36; font-size: 12px; font-weight: 600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: top; padding: 5px 0px;">Military & First Responder Discount!
<span style="color: #0e5777;">Get Verified</span></span>
</a>
</div>
Blue Button
<div style="width:250px; box-sizing:border-box; padding:5px; background-color:#0e5777; border-radius:4px">
<a href="https://auth.govx.com/oauth/authorize?client_id={client_id}&redirect_uri={redirect_uri}&scope=user_profile%20verification%20user_demographics&response_type=code&state={state}&display=full&goto=register&campaign_id={campaign_id}" target="_blank" style="text-decoration: none !important;">
<img alt="GovX ID" src="https://i1.govx.net/images/cdn/govx-id-logo-white.png?t=818" style="width: 33%; padding: 5px 0px 3px 0px;" />
<span style="width: 65%; font-family: Helvetica, sans-serif; color: #fff; font-size: 12px; font-weight: 600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: top; padding: 5px 0px;">Military & First Responder Discount! Get Verified</span>
</a>
</div>
Logos
If you prefer to build your own button or call to action, we have four logo options that you can choose from below. Simply embed the image source code.
Logo | HTML |
---|---|
![]() |
<img alt="GovX ID" src="https://i1.govx.net/images/cdn/govx-id-logo-2-colors.png?t=818" /> |
![]() |
<img alt="GovX ID" src="https://i1.govx.net/images/cdn/govx-id-logo-white.png?t=818" /> |
![]() |
<img alt="GovX ID" src="https://i6.govx.net/images/cdn/govx-id-logo-black.png?t=818" /> |
![]() |
<img alt="GovX ID" src="https://i4.govx.net/images/cdn/govx-id-logo-gray.png?t=818" /> |
Comments
0 comments
Please sign in to leave a comment.