1. Purchase and My Account

Verify User Account after ‘Guest Checkout’

Catch Themes provides you the freedom to ‘Guest Checkout’ while purchasing the themes; i.e. no email verification needed. However, if you try to create your user account after checking out as a guest, it might take up to 24 hours to verify your account. This is due to Auto Verification by our Security System. Therefore, please recheck your account only after 24 hours and if you’re facing issues or need urgent email verification, feel absolutely free to contact our Sales Team at https://catchthemes.com/contact-us/

How to Create a new User Account?

  1. Go to https://catchthemes.com/my-account/
  2. To create a new account, fill in the fields on the right side section “Register New Account”
  3. Enter your Username, Email, Password, and Confirm Password
  4. Click “Register”
  5. Wait for a confirmation email.

How to Activate and Verify User Account?

  1.  Check your registered Email Inbox
  2.  Click the confirmation link in your email
  3.  Account Activation and Verification Successful
  4. Note: Please check your spam/junk folder for email. Also, if you don’t get email confirmation then please contact us at https://catchthemes.com/contact-us/

2. FSE Basics

What are Block Patterns?

Block Patterns are pre-designed layouts for different sections of your site. These patterns are formed with a group of different blocks. Each block is fully customizable in case you want to build something unique. Once a pattern is added, they are now individual blocks that can be moved, edited, duplicated, or replaced.
The content of patterns are always saved even if the user switches themes. However, the design might vary.

 

What are Blocks?

Blocks are a new way in which WordPress organizes the content inside your blog Posts and Pages. You will see a new WordPress editing panel in your page/post that is block-based.

You can customize your pages using new site blocks, including Site title, logo, navigation, post title, featured image, date, categories, and tags.

Block-Based WordPress Themes

Block-based WordPress themes are basically a new type of themes that are built completely using Gutenberg blocks. These WordPress themes support Full Site Editing and your site content can be customized directly from the Front-End.

Using Templates and Template Parts

Which WordPress version supports Full Site Editing?

WordPress 5.9 and above versions support Full Site Editing.

How to change the Global Color Style/Scheme?

The Global Styles interface allows you to control the look and layout of the whole site instead of only pages and posts. You can find the interface on the sidebar of the Site Editor.

You can control your Site Typography, Color Scheme, Custom Color Palette, and Layout option with the Global Styles Interface.

Here is how you change the Global Color Style/Scheme:

    • Click on “Global style icon” on top right of the page which will display Browse Style, Typography, Color and Layout
    • You can change fonts, colors and layout by click on respective option
    • To change color scheme of whole theme choose Default (dark scheme) or Light 

    • Click on “Save” to save your changes

Note: When changing the theme style, it is recommended to clear the template customizations first. If the theme style is changed with previously-saved color values, those values will not be changed.

3. Installation and Update FSE Pro Plugin

How does the payment process work? When will I get my FSE Pro Plugin?

  • To purchase the FSE Pro plugin, please visit FSE Plugin page and click on “Buy Now”. Then, you will be redirected to the Checkout page where you will need to fill in billing details and then choose the means of payment as per your convenience, you can pay through Paypal, Credit Card or Debit Card using Stripe or Paypal
  • After your payment has been completed, you will see a payment completion message on thank you page and you will be automatically redirected to your account page, where you can see and download your purchased goods.

But if you failed to purchase the Plugin through this process or have any sales questions then please contact us at https://catchthemes.com/contact-us/.

What is an FTP client and how is it used?

File Transfer Protocol (FTP) is application software which is used to transfer files between a web server and a computer over a TCP-based network, such as the Internet. We recommend FileZilla, open-source software distributed free of charge under the terms of the GNU General Public License. Put simply, an FTP client is what most website owners use when they need to download, edit, and upload their website’s files. Most FTP connections require a host name, a username, and a password. These are most often supplied by web hosting providers in the following form:

Read more information about FTP Clients in the WordPress Codex.

How to install FSE Pro Plugin?

a)Using the WordPress Administration Panel

You can download Plugins directly to your blog by using the Add New Plugins option in the Plugins sub-menu.

  1. After purchasing FSE Pro Plugin, go to My-Account page
  2. Then on the Download Section, click on File name to download your theme zip file
  3. Note: Some modern browser like Safari has an auto zip extractor and will extract the zip file as soon as you download the zip file. In this case, open Safari and go to “Safari => Preferences” and in the “General” tab, uncheck Open “safe” files after downloading. This will stop Safari from automatically unzipping the files and then you can download zip file
  4. Log in to the WordPress Administration Panel
  5. Go to “Plugins => Add New”
  6. Click on “Uploads” and Browse the downloaded file FSE-pro.zip from the desktop where you have it downloaded
  7. Click on “Install Now” install

  8. After it’s installed, click on “Activate” button to Active the Plugin

b)Manual Installation using FTP

To add a new Plugin to your WordPress installation, follow these basic steps:

  1. After purchasing FSE Pro Plugin, go to My-Account page
  2. Then on the Download Section, click on File name to download your theme zip file
  3. Unzip fse-pro.zip to your Desktop
  4. Using an FTP client to access your host web server. Go to /wp-content/plugins/ and make sure that you do not already have a fse-pro folder installed. If you do, then back it up and remove it from /wp-content/plugins/ before uploading your copy of Catch Under FSE Pro
  5. Upload Catch Under FSE Pro to /wp-content/plugins/
  6. Activate Catch Under FSE Pro through “Plugins”, in your WordPress Dashboard

How do I update FSE Plugin to the latest version?

There are two ways you can update your theme: (A) ONE CLICK UPDATE and (B) MANUAL UPDATE.

A. ONE CLICK UPDATE

FSE Plugin can be updated by adding License Key. After purchasing the theme, you will get a license key in your email. Also you will find the license key on “View Details and Downloads” section on My Account page

Follow these steps to your plugin:

1. Go to “Plugins => FSE Pro Plugin License”
2. Add the License key under the “License Key” section
3. Click on “Save Changes” and “Activate License” buttons

Note:

  • FSE Pro plugin comes with 1 year of update subscription. So, if you do not have an active subscription, then renew your subscription to get your license key.
  • You can use the provided License Key to add a one-click theme update for only one site. For multiple sites, you will have to purchase them individually or update them individually using manual update.

If you get any problems on automatic update please feel free to contact our support forum

B. MANUAL UPDATE

I. UPDATING Plugin BY UPLOADING ZIP FILE

Starting in WordPress 5.5, it will be possible to update a plugin or theme by uploading a ZIP file. After uploading the ZIP file, a comparison table will be displayed to the user, detailing the differences between the uploaded ZIP and the version of the plugin currently installed.

II. Updating Plugins Using FTP

To update the Plugin through FTP, follow these basic steps:

  1. Download the latest version of FSE Pro Plugin from My-Account to your Desktop
  2. Unzip fse-pro.zip to your Desktop
  3. Using an FTP client to access your host web server, go to /wp-content/plugin/ and upload your new copy of FSE Pro Plugin which shall replace the old files

How to activate license key?

  1. First, you need to get your license key. There are 2 places where you can find your license key

    • Purchase Receipt: Once you purchase the FSE Pro plugin, you will receive the Purchase Receipt on your email which should contain the license key

    • My Account page: Once you are on the My Account page page, click on “View Details and Downloads“

  2. Note: Please don’t use Product Key as License key
  3. After you find the license key, login to your site WordPress admin panel

  4. Go to “Plugins => FSE Pro Plugin License”

  5. Add License key under “License Key” section
  6. Finally click on “Activate License” buttons

4. Blocks and Patterns

Adding Blocks and Pattern

There are 3 ways you can add Blocks an Pattern in you website

Drag and Drop

  1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Blocks
  2. Scroll down and to find “FSE Blocks”, choose the block you wish to add
  3. Simply Drag and Drop your block/pattern to desired site area
  4. Make necessary changes
  5. Finally, Click “SAVE” to save changes

Top tool bar

  1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Blocks
  2. Scroll down and to find “FSE Blocks”, choose the block you wish to add
  3. Make necessary changes
  4. Finally, Click “SAVE” to save changes

Adding Directly

  1. Click on “+” sign in the template or page to display patterns and blocks
  2. Then search for block or pattern in search bar
  3. Make necessary changes
  4. Finally, Click “SAVE” to save changes

Adding Case Study Block

Case Study Block in FSE Pro can be used to highlight any content. You can easily customize its content such as “Background Image”, Text and also add URL

  1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern

  2. Scroll down and to find “Case Study”, then add Slider or you can click on “+” sign in the template or page where you want to add Case Study then search for Case Study and add it

  3. Now you can easily edit its background, change text, add URL
  4. There are three different styles you can choose for Call to action button: Fill, Outline or Plain
  5. Finally, Click “SAVE” to save changes

Reset to Default

If you want to restore default template and clear your customization. Here is how you reset to default:

List of Blocks and Pattern FSE Provides

  1. Case Study (Blocks)
  2. Slider (Blocks)
  3. PopUp Video (Blocks)
  4. Homepage One
  5. Footer Four Columns
  6. Header Media
  7. Header With Center Logo
  8. Logo
  9. Pricing Table/Two/Three
  10. Featured Content One/Two/Three
  11. Service One/Two/Three/Four
  12. Testimonial One/Two/Three

Duplicating the sections

Duplicate section can be used if you want to add a similar section in your pattern. Duplicate section is a very easy step to add on particular sections in your pattern.
For Example:  If you want to add one more column in between your Featured Content duplicate option can be used, as it will create a similar section and you can edit the content accordingly

There are two ways you can duplicate the sections

1. By clicking content itself

  • Click on the section of your pattern you want to duplicate, there you will get tools option click on 3 dots on right side and you will find duplicate option there. This image is an example :

 

2. By ListView Option

  • Select the column via ListView, then click on three dots and select Duplicate then change the content accordingly

 

Header Search Block

FSE Pro supports header search block. This block allows you to add search in your header.
To add Search in header:

  • Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
  • Scroll down to find “Header Search”, then add Header search or you can click on “+” sign in the template or page where you want to add Header Search and add it
  • Now you can easily show hide and edit its button text too
  • Finally Click Save

 

Header Social Blocks

Header Social Blocks in FSE allows you to add social links on header. Here is how you add Header Social Block:

  • Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
  • Scroll down to find “Header Social Block”, drag and drop to add the block or you can click on “+” sign in the template or page you want to add header social block
  • After adding header social block click on Link icon then on “+” sign to display tool bar, there you can add and edit the social media icons along with their links repectively
  • Finally Click on Save

Skills Bar

FSE Pro supports skills bar block and pattern, this feature allows you to showcase your skills in percentage. You can choose from skill pattern in two styles : Skill Bar Default and Skill Bar Alt. Here is how you add Skills Bar:

  • Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern

  • Scroll down to find “Skills Bar” or search directly from Search bar, Drag and Drop to add the block or you can click on “+” sign in the template or page you want to add header social block
  • After adding skill bar click on setting icon on top left of editor to change Number in %, Title, Bar shape, Title color

  • To Edit text click on the text itself to which will display tool bar and edit accordingly

Masonry

The newly added Masonry block allows you to add and display your gallery in an elegant manner. You can display your gallery in 1 to 4 columns. Also, you can customize the spacing between images and the max number you can enter is 50.
Here is how you add Masonry Block:

  • Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
  • Scroll down to find “Masonry” or search directly from Search bar, Drag and Drop to add the block or you can click on “+” sign in the template or page you want to masonry block
  • After adding Masonry click on setting icon on top left of editor to add images under “Gallery”, edit columns gutter to change space between image and “Columns layout” up to four layouts
  • Finally Click on Save

5. Slider

Adding Slider Block

  • Click on “+” sign on the top bar to display Blocks and Pattern

 

  • Scroll down and to find “FSE Blocks”, then add Slider or Click on
  • Click on “+” sign then add necessary blocks like: images, text as per your requirement

  •  On setting Number of slides: Number of slides being displayed in the viewport. If slides less or equal than items, the slider won’t be initialized. Note: Default slider set to 1
  • Further option to enable/disable Controls, Autoplay and Dots/Pagination

  • Finally, Click “SAVE” to save changes

 

Add Slides in slider

After adding slider block you can easily add blocks you want to display as slider. Just click on  “+” sign and add desired blocks or pattern. As shown in these images:

After clicking on “+” sign, search for block/pattern to add new slide:

From Version 1.1.1 and above

  1. Click on “+”sign on the top bar to display Blocks and Pattern, Click on Block
  2. Scroll down to find “FSE Pro Option” there you will find Slider, drag and drop slider to add it in the editor
  3. After adding slider, Click on Top left setting icon there you can select “Number of Items”, “Number of slides being displayed in the viewport”, enable/disable control and autoplay,
  4. Number of Slider by default is 2 and your slider will be automatically added after number of slides is increased
  5. To add items in slider, click on “List View” on top left and find slider add necessary items like images, text or anything you want to display in each slider
  6. Finally, Click on Save to save Slider