Installation

Upload and activate Tailwind CSS Builder in your WordPress site

This guide walks you through installing Tailwind CSS Builder on your WordPress site. By the end, you'll have the theme installed and ready for license activation. The process takes about 5 minutes and requires no technical knowledge.

Requirements

Before installing, make sure your WordPress site meets these minimum requirements:

  • WordPress 5.9 or higher - The builder uses modern WordPress features introduced in version 5.9
  • PHP 7.4 or higher - Required for the builder's backend functionality
  • Write access to wp-content/themes directory - WordPress needs permission to install the theme files
Check Your Versions

Not sure what versions you have? Go to Tools > Site Health in your WordPress admin and look at the "Server" section under the "Info" tab.

Download the Theme

First, you need to download the theme files from your account:

  1. Log in to your account at tailwindcssbuilder.com
  2. Navigate to the Downloads section in your account dashboard
  3. Download the latest .zip file - Look for the most recent version available
Important

Keep the .zip file intact. Do not unzip it on your computer. WordPress handles the extraction automatically during installation.

Upload to WordPress

Now you'll upload the theme to your WordPress site using the built-in theme installer:

  1. Log in to your WordPress admin dashboard - Usually at yoursite.com/wp-admin
  2. Navigate to Appearance > Themes - Find this in the left sidebar menu
  3. Click the "Add New" button at the top of the Themes page
  4. Click "Upload Theme" button - You'll see this at the top of the page, next to the search bar
  5. Click "Choose File" and select the downloaded .zip file from your computer
  6. Click "Install Now" and wait for the upload to complete - This may take a few seconds depending on your connection speed
WordPress theme upload screen showing the Upload Theme button and file selector
The WordPress theme upload screen where you'll select your .zip file

Activate the Theme

After the upload completes, you need to activate the theme:

  1. Click "Activate" on the success screen after installation completes
  2. Wait for activation - WordPress will process the theme and set it as your active theme
Success

You'll see a success message confirming the theme is now active. Tailwind CSS Builder is now installed on your site!

Theme activation success message in WordPress
The success message you'll see after activating the theme

Verify Installation

Let's make sure everything is working correctly:

  1. Look for "TW Builder" in the admin menu - After activation, you should see a new menu item in the left sidebar
  2. Click on TW Builder > Settings - This opens the main settings page
  3. Confirm the Settings page loads - You should see the theme settings interface
Troubleshooting

If you see an error or the menu doesn't appear, verify that your server meets the PHP 7.4+ requirement. Contact your hosting provider if you need help upgrading PHP.

Next Steps

Congratulations! Tailwind CSS Builder is now installed on your WordPress site. The next step is to activate your license to unlock all the premium features, including the AI assistant, Figma import, and all premium elements.

Continue to License Activation to enter your license key and unlock the full builder experience.