TLD Pricing Grid

Components

This component requires a short setup before you can fully customize it. Make sure you’ve already imported your WHMCS products and TLDs.

After adding the component you may see the following message: Loading Collection — Collection does not exist. This is expected and means the component still needs to be connected.

Instructions

  1. Click the component.

  2. In the right sidebar, open the Source → Select… dropdown and choose Domains.

  3. Select the TLD element and click + Content in the right sidebar. Then choose Set Variable > TLD.

  4. Select the price component and click + Content in the right sidebar. Then choose Set Variable > Register (Your Currency).

  5. For the fallback price, click + Fallback and choose Set Variable > Register (Your Currency).

  6. Select the button, click Missing, and choose your domain detail page link, for example /domains/:slug (if you’ve created CMS detail pages for domains).

Build and launch stunning hosting websites faster with HosterFrame, the Framer + WHMCS solution for modern hosting brands.

Build and launch stunning hosting websites faster with HosterFrame, the Framer + WHMCS solution for modern hosting brands.

© 2026 HosterFrame