To ensure a consistent user experience across all sign-in options, any customer using Single Sign-On (SSO) with Snapplify must follow the branding requirements outlined below.


Sign in button design

The Snapplify sign-in button must be visually consistent with other sign-in options (like Google or Microsoft). Ensure the button:

  • Has the same height and width as other OAuth sign-in buttons
  • Use the official SnappStar logo for the button.

Download the SnappStar logo here:
https://cdn.snapplify.com/latest/img/snappstar.png


Example button design:

A sign in with snapplify button showing green snapplify star logo to the left with sign in with snapplify written in all caps


Styling Guidelines

Apply the following CSS styles to the Snapplify sign-in button to maintain brand consistency:


background: #fff;
color: #343434;
border: 1px solid #cccccc;
text-transform: uppercase;
width: 100%;
max-width: 460px;
height: 60px;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 16px;

Wordpress Integration

If you're using the official Snapplify SSO plugin for WordPress:

  • Automatic Button Addition: The sign-in button is automatically added to:
    • WordPress admin login (/wp-admin)
    • Frontend login (/wp-login.php)
    • WooCommerce login (if WooCommerce is installed)
  • Plugin Setup Guide: Refer to the Snapplify SSO WordPress Setup Guide for detailed instructions.

Non-WordPress Integration

  • Place the Snapplify sign-in button prominently on your login page.
  • Ensure it adheres to the styling guidelines mentioned above.

By following these guidelines, you ensure a seamless and branded experience for users signing in with Snapplify across various platforms. 


Need help? Use the live chat in the bottom right corner of your screen. Email us at help@snapplify.com or reach out via Whatsapp +27 60 011 8065.