Customize Legal Centers (Classic Experience) – Ironclad

This topic will walk you through how to customize your Legal Centers.

This topic is specific to the Classic Clickwrap Experience. If you are using the Clickwrap New Experience, refer to the New Experience Clickwrap documentation.

All Clickwrap customers have the ability to apply their logo, a primary color, and a secondary color to the Brand Settings of their Clickwrap Site to slightly customize the Site’s Legal Centers.

Depending on your plan, you may also have access to apply custom HTML and CSS to your Legal Centers to customize them further to match your company’s website styling.

Add Your Logo and Colors

Where will my branding appear?

Legal Center

The Logo displays in the top left corner of your legal center. This can be customized further using HTML/CSS in your legal center’s settings.
The Primary Color is the color of your listed templates, legal center name, and more.
The Favicon displays in the URL.

Acceptance Records

The Logo displays at the top of your PDF record’s summary pages.
The Primary Color is the color of the name “Electronic Record of Contracts” on the summary page.
The Secondary Color is used for the contract title, version, and ID on the summary page.

In Ironclad Clickwrap, click your user icon in the bottom left corner, then click Settings.
Click Branding.
Upload your company logo. Add your Favicon URL. Add the HEX codes for your primary and secondary colors.
Click Update in the top right corner.

Add Custom HTML and CSS

HTML and CSS customization requires a member of your team who is proficient in these languages to complete.

Common Uses for Custom HTML and CSS

The primary reason to apply custom HTML and CSS to your Legal Centers is to further align your Legal Center’s style with that of your company’s website. This supports a seamless experience for your signers that interact with your website and your Legal Center’s terms.

Apply Custom HTML

Follow the steps below to add custom HTML to a Legal Center:

In Ironclad Clickwrap, click your user icon in the bottom left corner, then click Settings.
Click Legal Centers, then select the desired Legal Center.
Click the HTML tab.
Enter or paste the custom HTML in the desired modals (Header, Navigation section, Body, or Footer). After a few moments, or after clicking outside of the modals anywhere on the screen, the Legal Center preview will show your applied changes.
Click Republish in the top right corner to make your changes live on the Legal Center.

Apply Custom CSS

In Ironclad Clickwrap, click your user icon in the bottom left corner, then click Settings.
Click Legal Centers, then select the desired Legal Center.
Click the CSS tab.
Enter or paste the custom CSS in the modal. After a few moments, or after clicking outside of the modal anywhere on the screen, the Legal Center preview will show your applied changes.
Click Republish in the top right corner to make your changes live on the Legal Center.