Layers
Classes
Variables
Popup Builder
Visibility Conditions
Figma to Kirki
Custom Code
Review and Publish
Layers
Classes
Variables
Popup Builder
Visibility Conditions
Figma to Kirki
Custom Code
Review and Publish

API Integrations 

Kirki offers seamless API integrations to empower your website-building experience with advanced features and functionalities. Below are the details on how to integrate each API into your Kirki projects:

ReCAPTCHA Integration

ReCAPTCHA is a free Google service that protects websites from spam and abuse by verifying human users. To set up ReCAPTCHA integration with Kirki, follow these steps:

  1. Navigate to the reCAPTCHA Admin Console.
  2. Sign in with your Google account to proceed.
  3. Register a new site by providing a label for identification purposes.
  4. Choose the type of reCAPTCHA you wish to use (v2 or v3).
  5. Enter the domain names of your website where you want to use reCAPTCHA.
  6. Set the owners’ email addresses who should have access to the reCAPTCHA report.
  7. Tick the ‘Send alerts to owners’ checkbox to receive email alerts for any misconfigurations or suspicious traffic.
  8. Submit the form to generate your Google reCAPTCHA Site Key and Secret Key.
  9. Copy and securely store these keys.
  10. In the Kirki editor, add a Form element, then add a reCAPTCHA element inside it.
  11. Click the reCAPTCHA element to select it.
  12. In the right panel, go to the Design tab. Under reCAPTCHA element settings, select your reCAPTCHA version from the dropdown.
  13. Enter the Site Key and Secret Key you generated in the previous steps.

Unsplash API Integration

The Unsplash API is a modern JSON API that grants access to an extensive collection of high-quality, free-to-use photos. To integrate Unsplash with Kirki and easily add images to your projects, follow these steps:

  1. Go to the Unsplash API website and sign in or create an account.
  2. Navigate to the API Keys section and click on the New Application button.
  3. Fill in the required details for your application, including the name, description, and website URL.
  4. Once your application is created, you’ll receive your Access Key to use with the Unsplash API.
  5. In the Kirki editor, navigate to Kirki Apps, search for Unsplash, and install it. 
  6. Once installed, click the ellipsis icon and select Configure.
  7. Enter your Unsplash API Key and click Save Configuration.

Pexels API Integration

The Pexels API offers a free JSON-based interface, providing access to high-quality, curated photos and videos from Pexels’ vast library of over 1 million assets. To integrate Pexels content into your Kirki projects, follow these steps:

  1. Go to the Pexels API website and sign up.
  2. After signing up, you’ll receive an API Key.
  3. In the Kirki editor, navigate to Kirki Apps, search for Pexels, and install it. 
  4. Once installed, click the ellipsis icon and select Configure.
  5. Enter your Pexels API Key and click Save Configuration.

Was this page helpful?

Our website uses cookies to improve your browsing experience on our website. By continuing to use this website, you agree to their use. For details, please check our Privacy Policy.