Install and activate

Design Upgrade Pro for H5P restyles H5P content from the WordPress Customizer. H5P activities load inside their own frame, out of reach of your theme and most design plugins; this plugin reaches inside that frame, so your activities match the rest of your site.

Requirements

• WordPress 6.0 or later
• PHP 7.4 or later
• The H5P plugin, installed and active

The plugin only styles content added through the H5P WordPress plugin. If H5P isn't active, Design Upgrade Pro for H5P deactivates itself and shows a message asking you to install H5P first.

Install the plugin

1. Download the plugin .zip file from your Tangible ONE account. Don't unzip it.
2. In WordPress, go to Plugins → Add New Plugin and click Upload Plugin.
3. Choose the .zip file and click Install Now, then Activate Plugin.

The setup wizard

The first time you activate the plugin, WordPress opens a short setup wizard.

1. Welcome: paste your license key into Your license key and click Get started. Your key is in your Tangible ONE account and starts with TGBL-. If you're building the site for someone else, tick I am installing this for a client. License and renewal news then goes to the account owner by email instead of appearing in this dashboard. It covers every Tangible plugin on the site, and you can change it later in Settings.
2. Usage data: you may be asked whether to share anonymous usage data. The plugin works exactly the same either way.
3. Done: click Open the Customizer to start designing.

You can leave the wizard at any time with Exit setup. Until setup is finished, a notice in the dashboard reminds you to add your license key; the Setup link on the Plugins screen takes you back to the wizard.

Upgrading from an Escape Creative license?

License keys bought before version 1.5.2 aren't carried over. Enter the Tangible ONE key from your account instead.

Manage your license

Go to Settings → Design Upgrade Pro for H5P and open the License tab. The status next to License Key shows whether your key is valid.

• To activate, paste your key and click Activate.
• To free the key for another site, click Deactivate. Deactivate & Clear License also removes the key from this site.

Your license turns on plugin updates and support. If it expires, the plugin keeps working and your design stays as it is.

Find your way around

Where	What it's for
Appearance → Customize → Design Upgrade Pro for H5P	Every design setting, with a live preview. The Customize link under the plugin on the Plugins screen goes straight there.
Settings → Design Upgrade Pro for H5P → Design	Export, import and reset your design
Settings → Design Upgrade Pro for H5P → License	Your license key

Next steps

1. Read how the settings fit together.
2. Set your hues on the General Design section; most activities will follow them.