Settings

Getting Started
System Requirements Installation & Update Dashboard Settings Role Manager License Key
Canvas
The Infinite Canvas Kirki Main Menu Pages and Layers Overview Build Using the Element Island Base Elements Design Responsively With Breakpoints
Building Your Pages
Starting From Templates Starting From Pre-built Blocks
Pages
Pages in Kirki Login Registration Forgot Password
Elements
Elements Overview Section Div Block Heading Paragraph Button Image Video SVG Icon Lottie Files Map  Form Elements Lightbox Navbar Slider Tabs Code  Collection Element Dropdown Container List List Item Link Block Rich Text Pre-built Library Custom Properties
Layers Panel
Layers
Customizing Your Pages
Style Panel Overview  Class Manager Position Structure  Size Background Color Settings Borders Shadow Effects Glass Effect Transform Transition Spring Transition Values and Units Visibility Conditions
Text and Typography
How to Add & Edit Text Reusable Text Styles Adding Custom Fonts Variable Fonts Typography Properties Open Type Feature Properties
Variables
Variables
Symbols
Symbols
Dynamic Data Basics
Collection Element Connect Elements To Dynamic Fields Creating Dynamic User Lists and Single User Templates  Filter WordPress Posts Using Collection
Content Manager
Overview  Collections Collection Fields Collection Items Displaying Dynamic Content Collection References Collection Search & Filter
Interactions
Interactions Text Animations
Form Builder
Form Elements Form Actions Form Data
Pop-up Builder
Pop-up Builder
Collaboration
Real-Time Collaboration Comments  Versions
Media Manager
Media Manager
Figma to Kirki
Figma to Kirki
API Integrations
API Integrations 
Tutorials
How to Translate a Kirki Website With Weglot  Migrating from Droip to Kirki
Review and Publish
Audit Save & Publish
Getting Started
System Requirements Installation & Update Dashboard Settings Role Manager License Key
Canvas
The Infinite Canvas Kirki Main Menu Pages and Layers Overview Build Using the Element Island Base Elements Design Responsively With Breakpoints
Building Your Pages
Starting From Templates Starting From Pre-built Blocks
Pages
Pages in Kirki Login Registration Forgot Password
Elements
Elements Overview Section Div Block Heading Paragraph Button Image Video SVG Icon Lottie Files Map  Form Elements Lightbox Navbar Slider Tabs Code  Collection Element Dropdown Container List List Item Link Block Rich Text Pre-built Library Custom Properties
Layers Panel
Layers
Customizing Your Pages
Style Panel Overview  Class Manager Position Structure  Size Background Color Settings Borders Shadow Effects Glass Effect Transform Transition Spring Transition Values and Units Visibility Conditions
Text and Typography
How to Add & Edit Text Reusable Text Styles Adding Custom Fonts Variable Fonts Typography Properties Open Type Feature Properties
Variables
Variables
Symbols
Symbols
Dynamic Data Basics
Collection Element Connect Elements To Dynamic Fields Creating Dynamic User Lists and Single User Templates  Filter WordPress Posts Using Collection
Content Manager
Overview  Collections Collection Fields Collection Items Displaying Dynamic Content Collection References Collection Search & Filter
Interactions
Interactions Text Animations
Form Builder
Form Elements Form Actions Form Data
Pop-up Builder
Pop-up Builder
Collaboration
Real-Time Collaboration Comments  Versions
Media Manager
Media Manager
Figma to Kirki
Figma to Kirki
API Integrations
API Integrations 
Tutorials
How to Translate a Kirki Website With Weglot  Migrating from Droip to Kirki
Review and Publish
Audit Save & Publish

Settings

Settings

The Settings page gives you control over how Kirki behaves across your entire site, from performance and file uploads to data management and sharing. 

Access it anytime from the left sidebar of the Kirki Dashboard.

Customize

These settings affect how your site looks and behaves for visitors.

Enable Smooth Scroll

Turn on Smooth Scroll to give your site a gradual, fluid scrolling experience instead of an instant jump. You can adjust the scroll intensity starting from 1% to match the feel of your design.

Turn this on to display your default WordPress theme’s header and footer on Kirki-built pages. If you’ve designed your own header and footer inside Kirki, leave this off.

Allow SVG File Uploads

Turn this on to enable SVG uploads through the WordPress media library. SVGs are ideal for logos and icons since they scale crisp and clean at any size.

Optimize Your Images Automatically

Turn this on to automatically convert uploaded JPG and PNG images to WebP format on upload. This reduces file size without sacrificing quality, helping your pages load faster.

Allow Lottie (JSON) File Uploads

Turn this on to enable JSON file uploads, which are required to use Lottie animations in your designs.

Data & Sharing

These settings help you move data between environments and share your work.

Export Your Kirki Site

Export Kirki Site
Site Export Success

To back up your work or move your design from a local development environment to a live production site, do the following:

  1. Go to Dashboard → Settings.
  1. Under Data & Sharing, click Export.
  1. Save the downloaded file to your computer.

This will extract all your pages, content, images, and other resources as one file, ready for import.

Import Your Kirki Site

Import Site

Restore or migrate your content by uploading a previously exported Kirki data file. Note that only data exported from Kirki is supported.

  1. Go to Dashboard → Settings.
  1. Under Data & Sharing, click Import.
  1. Select your exported Kirki data file and confirm.
Share View Only Link

Generate a link that lets clients or collaborators view your editor and test out changes and feedback without affecting the actual design:

  1. Go to Dashboard → Settings.
  1. Under Data & Sharing, toggle on Share View-Only Link.
  1. Copy the generated link and share it with your intended viewer.

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.