Quick Start Guide

Step 1: Installation

1. Purchase and download Structeezy from our website.
2. Log in to your WordPress admin panel.
3. Go to “Plugins” > “Add New.”
4. Click on the “Upload Plugin” button and select the downloaded Structeezy zip file.
5. Click “Install Now” and then “Activate” to activate the plugin.

Step 2: Accessing Structeezy Dashboard

1. Once activated, you’ll find the Structeezy dashboard on the left-hand side menu in your WordPress admin panel.
2. Click on “Structeezy” to access the plugin’s main settings and features.

Step 3: General Preferences

Appearance

1. Show structures tooltips on by default
   Decide if you want to display tooltips on hover for the structures in the Structeezy panel.
2. Show actions tooltips on by default
   Decide if you want to display tooltips on hover for the action buttons (show / hide / delete) in the Structeezy panel.
3. Expand by default off by default
   This option allows to decide if the Structeezy panel is expanded or not by default.
4. Default group “Native” by default
   Choose which group you want to be displayed first when opening Structeezy panel.

Structures

1. Add a “most used structures” group to Structeezy on by default
   Structeezy keeps track of the usage of your structures and displays the most used ones in a dedicated group.
2. Most used Structures Table
   Displays the 20 most used structures in a table sorted in descending order.
3. Download all counters
   Download a .json file containing all counters.
4. Reset counters
   Clear all counters and start from 0.

CSS Frameworks

1. CSS Framework integrations “None” by default

   Structeezy can detect the following CSS frameworks:

   • Automatic.css
   • CoreFramework
   • OxyProps Lite
   • OxyProps

   If you are using one of these frameworks, you can select it here and Structeezy will automatically use css variables from the framework in your structures.

2. CSS Defaults Vanilla css values by default
   Structeezy will use the values defined here as default values when necessary in your structures.
   If you select a CSS framework, Structeezy will suggest default values from the framework.

Step 3: Creating Your First Structure

1. In the Bricks editor, right-click on an element.
2. On the Structeezy menu item click the floppy disk.
3. Choose a category and Give your structure a name.
4. You can add an optional tooltip.
5. Once your structure is ready, click “Save Structure.”

Step 4: Reusing Your Structures

1. After saving your structure, you can easily reuse it on any page or post.
2. Edit the page/post with Bricks Builder.
3. Open the “Structeezy” panel and naviigat to the Custom tab to access your saved structures.
4. Select the desired structure and add it to your current page.

Step 5: Managing Your Structures

1. To manage your saved structures, go to the Structeezy Panel and click “Custom”
2. Here, you can hide or delete.
3. You can export your structures for future use from the Structeezy dashboard.

Step 6: Collaborating and Sharing

1. Structeezy allows you to share your structures with other team members or clients.
2. In the Structeezy dashboard, click on “Import / Export” and select the structures.
3. Click the “Download” button and you will get a Structeezy .json file.
4. Import the file in any Bricks + Structeezy install.

Step 8: Getting Help

1. For any questions or issues, visit our support page or community forum.
2. Our team is ready to assist you in making the most of Structeezy.

Congratulations! 🎉 You’ve completed the quick start guide for Structeezy. Now you’re all set to create, save, and reuse amazing structures with ease, saving time and elevating your web design workflow. Happy designing!