Quix Page Builder

Learning The Basics

Let's get started with Quix 4 basics and requirements.

Quix GDPR compliant At Quix, we take privacy seriously. We ensure that Quix itself does not track, collect, or store any user data. However, as a site owner, you are responsible for handling form submissions, cookies, and third-party services on your website. Quix provides built-in tools to help you stay GDPR-compliant effortlessly. No Tracking by Quix Quix does not collect any personal data from your website. We do not track visitor activity, store form submissions, or log user interactions. Your website's data

Jmedia Issue: White Window Instead of Image - How to Fix? If you are encountering an issue where attempting to open an image results in a white window displaying "Jmedia," this guide will walk you through some user-friendly troubleshooting steps to help resolve the problem. Please follow the steps below in order until the issue is resolved.

Speed Issues? Troubleshooting Quix as the Default Platform on Your Website. If you are experiencing slow website performance after making Quix the default for everything, this guide will help you address and resolve the issue. By clearing your browser cache, server cache, and Quix cache, you can improve your website's speed and eliminate the problem.

Picture Perfect: How to Fix Blurred Background Images If you are experiencing blurred background images on your webpage and are looking for a solution, this guide will help you troubleshoot and fix the problem. Following the steps below, you can ensure that your background images load correctly and appear sharp and visually appealing. Step 1: Checking Opacity Settings:  Open the page where the blurred background image is occurring. Look for the opacity panel, usually located below the color panel or within the CSS properties of the backgr

Say Goodbye to Quix Pro Notices: Troubleshooting Tips If you have recently installed Quix 4 Pro and are encountering a persistent "Get a Quix Pro" notice on your website, this guide will help you resolve the issue. The notice is frequently a result of a cache issue, and by following the instructions below, you can clear the necessary caches to get rid of the notice. Step 1: Clearing Browser Cache Step 2: Clearing Joomla Cache Step 3: Clearing Quix Cache

Quix Domain/License Policy The terms and conditions for using Quix Page Builder, a well-known website construction tool, are outlined in its own domain and licensing policy. This policy sets forth the parameters for utilizing Quix Page Builder, including domain usage, required licenses, and permissible activities. To maintain compliance and make the most of this potent website creation tool, it is crucial that you be familiar with the domain and license policies. At Quix, we offer a per-site license for our product. Ea

How to activate Quix 4 License? To unlock the full potential of Quix and access all its features, you need to activate the license. Here's a step-by-step guide on how to activate the license: : Obtain your License Key: You need a valid license key to activate Quix. If you have already purchased a license, ensure your license key is ready. If you haven't obtained a license yet, you can purchase one from the ThemeXpert website. Access the Joomla Administration Panel: Log in to your Joomla website's administration panel usin

How to fix if Quix icons not loading on the frontend or builder? If you're experiencing issues with Quix icons not loading on the frontend or builder, there is a simple process you can follow to fix it: Go to Quix admin > Options > Clear Icon Cache. This will clear the cached icons on your site and force Quix to reload them from the server. Clear Joomla's system cache. This will ensure that any cached files related to Quix are also cleared. Reload the admin page and visit any page with a Quix icon. This should re-load the icons from the Quix server

Captcha - reCAPTCHA guide To work with it, First enable and configure it from your plugin settings and then select it as default from global config. Configuration process: Go to Extensions > Plugins, no find Invisible reCAPTCHA. Configure and enable it. Then go to System > Global Configuration> Site tab. Find ‘Default Captcha’ and make Invisible reCAPTCHA as default captcha for your site. You configuration for reCaptcha is done, now you can use captcha in quix’s form element. To enable captcha in your form

Activating your Quix License License activation process Please follow the steps: Login at ThemeXpert site and visit Dashboard at https://www.themexpert.com/dashboard Copy your Auth key or Generate a new one then copy it. Now login to your Site's Joomla Administration panel and visit Quix Dashboard Click on the top Lock Icon for Activate License and provide your license key and username of ThemeXpert site. Follow these pictures below for better understanding. ThemeXpert Dashboard Quix Dashboard Quix Activation Modal

Requirements We made Quix the best free page builder for Joomla users. To get Quix installed, it has some system requirements. You need to install them first. Joomla Version This documentation is based on the stable version of Joomla 3.5. Quix will only function properly on Joomla 3.4.2 and above. PHP 5.6.31+ If your site is not php 5.6.31+ then you might face some vulnerabilities. We made quix accessible to this version. Please get installed this version before you go for quix installation. You can download

How to Install Quix Page Builder This article represents the installation process of Quix 2.1.x. It is very simple and super easy. Just follow this 5 steps and Quix will be installed in no time. But before starting with all over the process, you must create an account. It will be easy for you to go through the installation process. Now click the download from ‘My Account’ and it will take you to the download page. Now go for Quix and you’ll find Quix 2.1.x Installer (Recommended). Just hit the the download button and you’ll rec

Getting Started With Visual Builder Quix is a visual Joomla page builder that enables you to create the web pages live, in a visual way. This step by step guide will walk you through to create a website using Quix Joomla Pagebuilder If you are Quix newbie, then this article is for you. It will help you to understand the essentials of most promising page-builder. Create a new Page Page Layouts Template Setting Responsive Mode

Page Settings Page settings of Quix is super easy. You can do it without a problem. You’ll find the steps very helpful. You’ll find the page setting inside the settings option in the toolbar. A pop-up box will appear and you can set the page just the way you want. Here you’ll get three tabs - General, and Advanced. General Status - this option allow you to publish or draft the page. There are four options - Published, Unpublished, Archived, and Trashed. Access - this option will help you to set the usage

How to Create a New Page Creating a new page is the initial step to a web page. To create a new page you’ve gotta follow the below steps. -On the top right of Joomla administrator panel you’ll find Quix -Click Quix > Pages Here you’ll find two Green Buttons, New (for visual builder) and New Page (for classic builder). Classic builder is the older version of Quix. If you are new to Quix, we strongly recommend you to start the scratch in visual builder as we will remove the classic builder in future. But if you are o

Page Layout In Quix web pages are made up of section, column and elements. Add a section to your page Add an element to your section To edit and customize the element, you need to select the settings icon from the mini-toolbox. The mini-toolbox will let you: Move an element to another position Copy the exact same element and paste into another section Duplicate any element and make a clone of it for re-use Disable the element if you don’t wanna delete the element Delete the element if it is of no use

How to set Template You can add pre-made templates to create your website and modify them easily. To add a template you need to do the following steps: Download a template from our site Go to your Joomla administrator panel Go to Extension > Manage > Install Drop the downloaded template zip file or just browse from your laptop. You’ll see an installation complete message when the template is installed. To make the template default, follow these steps: Go to Extension > Template > Styles Turn on the

How to design web page from scratch Designing a page requires creativity. Your imagination will guide you to create a page. But to create a dynamic page, you can take help from other website or sources. You can even use free templates or buy them and modify them. In this section, we’ll guide you to create a new page from scratch. How To Create A New Page Image Element Text Element Heading Element Button Element Blurb Element Testimonial Element Person Element Column Element Divider Element Spacer Element Joomla Module Element

Adding My Templates Templates are pre-designed sections that can be inserted into any pages. How To Insert Template Go to editing screen Select Add Template A pop-up box will appear containing 3 tabs - Sections - Pre-made sections Pages - pre-made pages My Template - Sections created by the user Hovering over any template you’ll find the insert button Click on it and your template will be inserted in the selected section

How to upgrade Quix in Joomla? Quix is a powerful tool for building websites. It regularly receives updates to introduce new features and improvements. Upgrading Quix to the latest version ensures that you have access to these enhancements. Here are two methods to upgrade Quix: Quix is a powerful tool for building websites. It regularly receives updates to introduce new features and improvements. Upgrading Quix to the latest version ensures that you have access to these enhancements. Here are two methods to upgrade Quix:

An Overview Of The Builder We designed and developed Quix from the ground up, and it is the most advanced page builder for Joomla in the market. Using Quix’s drag and drop builder interface, you can create beautiful layouts without writing any code. There are three main building blocks: Sections, Rows, and Elements. Using these things in unison allows you to create a countless amount of page layouts. The basic hierarchy of these elements is as follows: Sections Sections are used to create the top-level areas on your websi

Enabling WOWJS animation WOW.js is responsible for reveal animation when you scroll to any section. Quix comes with wow.js integration from the first release. Starting from Quix v1.3.7, wow.js opted-out from autoloading for performance reason. Enabling On scroll animation Step 1 Head over to Extensions > Plugins and search for System - Quix System Plugin and open it. Step 2 Set option Init WoW Js to YES and you are ready to go. You will see Quix animation settings for all element will start working again.

Basics - Syestem Requirements Joomla Requirements It is strongly recommended that you always use the latest stable version of Joomla to ensure all known bugs and security fixes are addressed. At the time of this writing the current stable version is 2.5.11. We encourage you to update your Joomla install if you are running anything less than this version. Server Requirements PHP: Recommended 5.4+ Minimum 5.3+ MySQL: Recommended 5.5+ Apache: Recommended 2.2+ Minium 2.2+ PHP cURL support PHP JSON support PHP GD Librarysupport

License & Usages Please make sure you have read and understand the license and usage requirements before deploying a template based on the Expose Framework The Expose Framework is free and released under the GPLv3.0 license. The definition of this license as stated on Wikipedia is: The GPL is an example of a powerful copyleft license that requires derived works to be available under the same copyleft. Under this philosophy, the GPL grants the recipients of a computer program the rights of the free software defi

Basics - Installing Framework & Template The Expose framework itself is independent of any template. Each Expose powered template relies on the Expose framework to provide the underlying base and extensive functionality that enables the creation of such powerful sites. To make the update and deployment of framework as easy as possible we've seperated the library from template. Framework bundle Framework bundle consist of 2 files: Framework library Framework plugin Framework library : This is the main framework library file works as a

Installation Issues JInstaller Cannot find Joomla XML setup If you see this message means, you are trying to install Expert Explorer (aka Quickstart) package through Joomla! installer. Expert Explorer is a Joomla Quickstart package and you can't install it inside an existing Joomla! setup. You have to install it like the way you install Joomla. Read our Expert Explorer installation guide and quickstart-installation for more details. Installing on local server, but stucks on sample data installation Due to big samp

Template Settings Issue Sometimes template settings are showing in a single page and tabs are not working properly. It's because of your site File Permission. Contact to your host and ask them to correct the following file's permission. libraries => expose => interface => js => jquery.cookie.js

Features

Explore Quix features and learn how to use them properly.

Responsive Responsive in web designing means how your website will response in different screen devices. This feature will allow you see how your site will look on desktop screen, tablet screen, and mobile screen. Device Preview On the main settings of toolbar, you’ll find 3 device icons - Desktop, Tablet, and Mobile. Clicking on them will show you the preview of your site in the screens of desktop, tablet and mobile. Responsive Column The column will response according to the device screen. In desktop mo

Hover Effect Hover effect is one of the most coolest effect to be added to your site. Hover effect is the change of the color or image when your put mouse cursor over it. Hover effect comes with a few options including solid colors, gradient colors, image etc. Moreover, you can apply hover effect without any existing background color or image. Hover In Background To add this effect in the background of section, row, column and element, you can go through the following steps. Go to the settings option Go to

Gradient Effect A gradient effect is a graphical effect that produces a three dimensional color look by blending one color into another. In this effect more than one color is used, where one color gradually fades and changes to the other color. Adding a Gradient Effect to your background will give the background fusion of colors. How To Add Gradient To apply gradient effect in the background, follow these steps: Go to the mini-toolbar of section or row or column, mainly where you want the gradient effect. Sele

Shape Divider Shape Divider simply allows you to divide the section your page with designed shapes. This feature enhances the designs of the sections. Adding a different style to the section will make your site look more bold and beautiful. To add a shape divider in a section, follow these steps. Go to section settings Select Styles Select Divider Top if you wanna put in on top Select Divider Bottom if you wanna put in on Bottom DIvider has the following contents in them Divider Stye - Divider style is the

Shortcut keys Shortcut keys are the keyboard shortcuts that allow you to work easily and fast by saving your time. Here a list is provided of currently available hotkeys. Name Shortcut keys Details Insert Enter Insert a paragraph Bold Ctrl / Cmd + B Set bold style Italic Ctrl / Cmd + I Set italic style Underline Ctrl / Cmd + U Draw an underline Link Ctrl / Cmd + K Insert a link Redo Ctrl / Cmd + Y Redo any changes Undo Ctrl / Cmd + Z Undo to previous change Left Align Ctrl / Cmd + Shift

Typography The feature Typography allows you to change the text styles including fonts, size, height, width etc and other additional settings to increase readability of the text and make it compatible with the site style. You can make the text fashionable, stylish and cool with this feature. To change the format of heading or text, follow these steps. Select the setting of Header / Text element Select Styles tab From there select Typography This feature has the following settings in it. Font - Font op

Custom CSS (Pro) Custom CSS is one of the most efficient feature Quix implemented. By using this option, you’ll be able to add your own CSS designs in column and element. This feature is implemented in case you want to insert your own designs that are not available in Quix. All you need to do is just write the CSS code in the field. To add CSS code to your element follow these steps. Open the settings options Go to Advanced tab Click Custom CSS Now to write the code inside the field area, follow these steps.

Animation Feature Quix 2 has embedded new features for each and every element. One of them is animation. This feature will let you add entrance animation to the elements. This means each time your page is reloaded, your column or element will appear with animation. This feature is included in the settings of column and element. To add animation to your element follow these steps. Select the element Go to Advanced option Select Animation This feature has the following settings in it. Entrance Animation - Entra

Box Shadow Box shadow effect allows you to create a shadow effect outside or inside the box giving the box a 3D look. This makes the box look popping up from a flat surface. This feature is added in the settings options of section, row, column and element. To use this feature follow these steps. Go to settings option where you want to put the border Search for - Border & Box Shadow This feature has the following settings in it. Color - Box shadow color will allow you to set the color you want to us

Text Shadow Text shadow feature allows you to add a shadow effect under the text. With this effect you can give your text a 3D look. This makes the text look floating. To add a shadow effect in the text follow these steps: Go to settings option of header or text element. Go to Styles tab Select typography There you’ll find Text Shadow This feature has the following settings in it. Color - Box shadow color will allow you to set the color you want to use. Currently there is option for only using solid col

Border Border in web design is like a frame. An image or text box surrounded by a fine line or double. Here, border stands for the edge of section, row, column and element. Using border in a section not only modifies the look but makes it separate from other content. This feature is added in the settings options of section, row, column and element. To use this feature follow these steps. Go to settings option where you want to put the border Search for - Border & Box Shadow This feature has the

Multiple Units CSS units determine the measurement of an element along with specific background field. These units include pixel(px), percentage(%), viewport height(vh) etc that defines the measurement of screen. With the help of these units, you can decide the size of your element and background. The available units are - Px - Pixels are relative to the viewing device. For low-dpi devices, 1px is one device pixel (dot) of the display. For printers and high resolution screens 1px implies multiple device pix

Color Preset Color preset feature is the color pallet offering 6 colors to set and reuse. Meaning, this feature allows you to set 6 of your selected color for reuse purpose. Once you choose a color, it will get set by default. You can reuse the color whenever you want, wherever you want.

Background Overlay Background Overlay is one of the most admiring feature of Quix 2. Using this feature, you can set an image or color over another image or color using the opacity controlling the transparency of the overlay image. You can use gradient overlay on section, row, column and element. To use background overlay in your section, follow these steps. Go to settings of section Select styles tab Go to Background option and set a background Now select Background Overlay This feature has the following set

Elements

Everything you need to know about Quix elements.

Text Editor Element Text Editor used in Quix is a TinyMCE WYSIWYG editor which is used for adding text with editing options. It is used for many options but mostly to create the contents of a page. To add this element to your site follow these steps. Select Add New Element from column An elements list modal will open From there select Text element Here you’ll find three tabs - General, Styles, & Advanced.These tabs will help you to modify the element in your own way. You can add new fields, edit settings, app

Joomla Module Element Joomla modules are lightweight and flexible extension that are used for page rendering. These modules are situated in the Joomla administrator panel. You can create a new module or use the existing one. After creating a new module you need to enable it from Joomla administrator panel and only then you can use in your Quix page. Joomla module element connects with the admin panel and allows you to bring the changes. To know more about Joomla module you can click here. To edit the modules from yo

Spacer Element The Spacer element allows you to add specific horizontal space within two sections or elements. It is a very important as it illuminates the confusion between margin and padding. To add space to your webpage content, follow these steps: Select Add New Element from column An elements list modal will open From there select Spacer element Here you’ll find the following tabs - General & Advanced.These tabs will help you to modify the element in your own way. You can add new fields, edit setti

Heading Element The heading element allows you to set a title/heading on the top of a content. The heading is the title at the head of a page or section of a book. This elements attracts visitors and connect them to the content. To use this element, follow these steps. Select Add New Element from column An elements list modal will open From there select Heading element Here you’ll find three tabs - General, Styles, & Advanced.These tabs will help you to modify the element in your own way. You can ad

Image Element Images play a big role in content. Without an image, your whole content will be nothing but a boring article to read. And no one loves boring articles unless you make it appealing to them. To use this element, follow these steps. Select Add New Element from column An elements list modal will open From there select Image element Here you’ll find three tabs - General, Styles, & Advanced.These tabs will help you to modify the element in your own way. You can add new fields, edit settings, app

Blurb Element Blurb element is the combination of image, heading and text element. It's like a shortcut. If you need to use all these 3 elements in one section, you can do it easily. All you need to do is select the element and edit the way you want. To use this element, follow these steps. Select Add New Element from column An elements list modal will open From there select Blurb element Here you’ll find three tabs - General, Styles, & Advanced.These tabs will help you to modify the element in your ow

Button Element Button element will help you to insert a button any section or column you want. Moreover, you can creatively design it and make it one of the most attractive object of your site. To use this element, follow these steps. Select Add New Element from column An elements list modal will open From there select Button element Here you’ll find three tabs - General, Styles, & Advanced.These tabs will help you to modify the element in your own way. You can modify the button, add hover effect, apply

Column Element Column element helps you to design a complex section. By this you can add various columns inside a column. This is called nested columns. By this element you can use other elements inside the nested column. To use this element, follow these steps. Select Add New Element from column An elements list modal will open From there select Columns element And you’re done. Now all you need to do is, add elements to it.

Divider Element Divider is a horizontal line that divides the content. You can use it as a separator between contents or highlight the title with it. This is basically used for designing purpose. To use this element, follow these steps. Select Add New Element from column An elements list modal will open From there select Divider element Here you’ll find two tabs - General & Advanced.These tabs will help you to modify the element in your own way. You can style the line, use image instead of a long horizont

Testimonial Element Testimonial is used for representing a formal statement testifying the quality of a person or product. It makes the company look more trusted. Now you can add testimonial statements in your site easily with the help of Quix testimonial element. To use this element, follow these steps. Select Add New Element from column An elements list modal will open From there select Testimonial element Here you’ll find three tabs - General, Styles, & Advanced.These tabs will help you to modify the elem

Person Element Representing a slight profile of CEO and employees in a section make the website more trustworthy. This section makes the website much more well known and viewers can easily know about the team members of a company. You can do this by inserting image, heading, text element. Or you can use Person element instead of 3 separate elements. To use this element, follow these steps. Select Add New Element from column An elements list modal will open From there select Animated Headline element Here you

Alert Element Alert messages can be used to notify the user about something special, like- danger, success, information or warning. Now you can add a sidenote or warning note with this alert box. Follow the instructions to add an alert box in a section. Select Add New Element from column An elements list modal will open From there select Alert element Here you’ll find three tabs - General, Styles, & Advanced.These tabs will help you to modify the element in your own way. You can design the in your own w

Video Element Video element will help you to add YouTube, Vimeo and Customized videos in your site. By using this element you can use you own creative videos. Upload them in your Youtube channel and then just select it from video element to insert in your site. Or you can insert a reference video if you want to. To use this element, follow these steps. Select Add New Element from column An elements list modal will open From there select Video element Here you’ll find two tabs - General and Advanced.These ta

Custom HTML Element Raw HTML element allows you to include html code in the element section. This option will help you to insert raw html codes in case you need them. Like codes for form, iframe, list, comments, quotation etc. To use this element, follow these steps. Select Add New Element from column An elements list modal will open From there select Raw HTML element Here you’ll find two tabs - General and Advanced.These tabs will help you to modify the element in your own way. You can insert html codes, design

Social Icon Element Social Icon element lets you add icons related to social media from where you can link all your social media profiles. This element does adding social media icons in a very easy way. You can add as much as you want, color each of them, control the size and much more. To add this element in a section, follow these steps. Select Add New Element from column to open elements list modal From there select Social Icon element A popup will appear showing three tabs - General, Styles ,& Advanced. T

Google Map Element Google Map element is very simple and useful element to embed Google map in your website. Using this element will let your users know the location of your office. You can even use it for showing other locations if you want. Like- if you have a site of multiple restaurants or hotels then this element will be a handy. To add this element in a section or column, follow these steps. Select Add New Element from column to open elements list modal From there select Google Map element A popup will appea

Accordion Among the 30 element, Accordion is one. It is used to display text in a collapsed, condensed manner, letting you save space while still presenting an abundance of content. It's more like tab element but tab is used for small contents and you can use accordion for elaborate contents. To use this element, follow these steps. Select Add New Element from column An elements list modal will open From there select Accordion element Here you’ll find three tabs - General, Styles, & Advanced.These t

Icon List Icon List element will allow you to set icons in the content. You can use this element to provide content relative icons so that visitors can get an idea of what type content is listed. To add this element in a section, follow these steps. Select Add New Element from column An elements list modal will open From there select Icon List element A popup will appear showing three tabs - General, Styles ,& Advanced. These tabs will help you to modify the icons in your own way. You can add new fi

Elements - Accordion This is a tiny and useful module that can reduce your hassle at a high rate, with enriched customization features that can be configured easily. It is mostly used in making the FAQ section, and related works on the web pages. General Settings Add New : A button to add new accordions. You can add accordions as many as you want with this button. Once you click this button, a couple of settings will be appeared to configure the accordion you just added. Title : The title text of the accordion.

Alert This is a tiny but helpful module that can be used to make simple Alert messages very efficiently. It has a standard front-end appearance with easy customization features that need not any coding knowledge. General Settings Content : The text you want to show to the user. Alert Type : Allows you to select the type of alert you want to show. You are allowed to choose from Success, Info, Warning as well as Danger. Show Close : Allows you to enable or disable a Close button. Text Alignment : You

Audio It is the most simple module to insert audio in web pages. Pretty easy to configure and need not a single line of coding knowledge at all. Its just simple. General Settings Audio mp3 link : The link of mp3 formatted audio you want to add to your site. Audio ogg link : The link of ogg formatted audio you want to add to your site. You can either input mp3 audio link or an ogg audio link at a time. If you input both two links on their corresponding input box, It is not going to work. Aut

Bar Chart This module is to create Bar Chart in the simplest way have you ever tried. Just a few clicks and you are done with your desire chart with an awesome front-end appearance. Can be used on any pages. It can highly save your important time. General Settings Add New : A button to add new Bars. You can add Bars as many as you want to make a Chart with this button. Duplicate : Clone the Bar with all its settings. Once you click on a created Bar, a couple of settings will be appeared to configur

Bar Counter This module which is to generate a simple and stylish bar counter. You can't but love this after knowing exactly how to generate and configure this. Its just beyond simple. In a minute, you can have what you want to be made. Mostly used in presenting skills in portfolio sites, information of different batches of students in an institutional website and many other sites as well. Its totally hassle-free. General Settings Add New : - Add New : A button to add new Bar. You can add Bars as many as

Block Number This module is to create a block number at the beginning of a paragraph with changing its colors, styles, background. It is the most simple and time-saving way you can get your desire work done in a minute. General Settings Heading : Write the Heading Text here. Content : Write main Content Text here. Block Number : Write the block number you want to show before of the content text. Block Size : Define the size of the Block Number Write the block size in the numeric form with px (pixel)

Blurb This module is to create little content with icons or images including background and font style. Its extremely easy and time-saving and can be used in any web pages. General Settings Title : Write the title text of the blurb. Link : Provide the url link you want to redirect the user into, at his/her mouse click action on the blurb. Open New Window : Enable or Disable opening the URL in a new window. Use Icon : Enable or Disable an icon to use for the blurb by simply set Yes or No on this opt

Button This module is to create buttons in web pages. Very much easy to configure with an enrich customization settings module. Need not any coding knowledge to do so. General Settings Button Text : Give the Button Name Url : Provide an URL that you want to redirect the users into when s/he clicks on the button. Open New Window : Enable or Disable opening the URL in a new window. Alignment : Define the position of the button. You can put either left, center or right. Icon : Use an icon for the butto

Button Group With this module, a group of buttons can be created in minutes without even a single line of code. Its pretty simple with a huge customization settings module that can easily configure. You can have various tests and share in buttons. General Settings Add New : - Add New : A button to add new Button. You can add Button as many as you want to make a Button Group with this button. Duplicate : Clone the Button with all its settings. Once you click on a created Button, a couple of settings wil

Elements - Call To Action With this module, you can efficiently create a Special Offer section for your website. You can have control over the background, font styles, adding button and URL inside the button to redirect the users to another page and much more. Its completely hassle free and need a few clicks to configure. General Settings Select Style : You can either select Style 1 or Style 2 Title : Give the title text (the intro text you want to highlight about) Short Description : Put a short description about the

Carousel This is the most simple module for creating a testimonial for a website. Can be used in making a featured gallery, image gallery, and content slider as well to represent the features of your business or organization. It can save your time at a high rate. General Settings Add New : - Add New : A button to add new Items. You can add Items as many as you want to make your own Carousel. Duplicate : Clone the Item with all its settings. Once you click on a created Item, a couple of settings wil

Contact Form The easiest way to create a contact form for your site. It requires a few clicks just. No coding knowledge is required to make this. It has an easy and enriches customization module that doesn't require any expert programmer to configure. Its very simple way to make contact form sections. General Settings Email : Write the email address where you want the contact message come through. Captcha enabled : You can enable or disable the captcha. Animation : Choose an animation effect to apply on t

Elements - Countdown This module is mostly used to create an offer with a countdown timer. It allows you to represent the offer in a very stylish way that clients can't just ignore it. It obviously makes him/her enter the detail offer page to know more about this. It can be configured within a minute. General Settings Date : Select the date from the calendar in which date you want to stop the countdown. Time : Select the time from the clock, exactly when you want to stop the countdown. Offer Expired : Here, write

Custom HTML This module allows you to generate custom HTML code for your website and can be placed in anywhere in your site. You just need a few clicks to configure this module and will find your work done instantly. General Settings Enter HTML Code : Write your custom HTML Code here. Prepare Content : You can enable or disable this feature. To enable this, Joomla plugins with sort of ShortCode can operate the Custom HTML module content.

Divider/ Spacer This module is used to generate spaces as well as the border between two sections. Its completely hassle-free and highly saves your time. No coding knowledge required to do so. General Settings Show Divider : You can enable or disable showing divider with this option. Color : Choose the divider color. Border Width : Define the border with. Center Divider : Enabling this feature, the divider would be in the center between two sections. Height : Height defines that how much space it takes betw

Doughnut Chart With this module, you can generate a circular chart with interactive color variations. Its allows you the control over changing data and instantly change the ratio of circular bars and therefore show the inputted data in a graphical way. Its the most trendy and easiest chart making module compared to other traditional related modules. General Settings Add New : A button to add new Items. You can add Items as many as you want to make a Circular Chart with this button. Duplicate : Clone the It

Drop Cap This module allows you to stylize a paragraph in your own way. If you want to highlight the first letter of the paragraph and further stylize a bit including changing color, font weight, background and much more, this is the what you need. General Settings Text Align : Define the position of the texts used in Drop Cap. You can put either left, center or right. Content : Write the content text here. Animation : Select the animation style from the drop-down that how you want the Drop Cap secti

Facebook Like Its a lite facebook like module with sort of in-built layout preset styles. Good fit for any time of web pages. General Settings Facebook App ID : Write your Facebook App ID here. You can create your App ID by this url Layout : Select a layout style from the drop-down menu. Text Alignment : Define the position of the text. You can select one among left center and right as well. Animation : Choose an animation effect that how you want to appear the Facebook Like section. Styles Settings Mar

Facebook Likebox Facebook Likebox is the most trendy module with rich customization features including display page timelines dynamically and control over various settings. It is pretty easy to configure. General Settings Facebook App ID : Write your Facebook App ID here. You can create your App ID by this url Fb page URL : Enter your facebook page URL here. Show timeline : You can show or hide page timeline with this option. Box width : Define that how wide you want to display the box Box height : Define the

Filterable Gallery It is a features gallery module that displays gallery items in different categories. This module is the best fit for the portfolio site to show projects and also fit for the e-commerce website to display category-wise products. General Settings Add New : A button to add new Gallery Items. You can add Items as many as you want to make a filterable gallery. Duplicate : Clone the Item with all its settings. Once you click on a created Item, a couple of settings will be appeared to configure.

Flickr A light and elegant module to add Flickr photo gallery. It takes a few clicks to configure can be used in any website and best fit for the portfolio site. General Settings Flickr ID : Write your Flickr ID here Count : Enter the number (numeric) of photo items you want to show at a time. Animation : Choose an animation effect for the module. Styles Settings Font : Select the font style from the drop-down menu. Text Color : Choose a color of content texts. Margin : You can define the amount

Elements - Gallery This module is quite similar to Filterable Gallery that displays gallery items in multiple columns. The only difference is that it does not display items category-wise. It can be used in any websites that built with modern trend. General Settings Add New : A button to add new Gallery Items. You can add Items as many as you want to make a gallery. Duplicate : Clone the Item with all its settings. Once you click on a created Item, a couple of settings will be appeared to configure. Title

Elements - Google Map This module is to show google map. It allows you to have the control over navigation options, view options, zoom in as well as zoom out and much more. It is totally hassle-free. General Settings Google Maps JavaScript API : Enter the Google Map JavaScript API code here. Lattitude : Put the latitude value of your current location here. Longitude : Put the longitude value of your current location here. Marker Image : You can upload and use your own custom marker image that marks the place locat

Blockquote This module allows you to create quote texts in a web page in the most simple way have your ever think. It has a customization module that can be configured in a minute, even without requiring any coding knowledge. Usable in any type of websites. General Settings Content : The text that you want to quote. Footer Text : The source or owner of that quoted text. Alternative displays : You can enable or disable this option to make your desire change. Animation : Choose an animation effect to app

Google Plus Button This is a tiny module of google plus button. It allows you to add a google plus button for your site withing a while without even a single line of code. It just needs a few clicks to be configured. General Settings Button Size : Select the size of the button from the drop-down menu. Button Animation : Choose an animation effect for the button. Text Alignment : Specify the text position from the drop-down menu. Animation : Choose an animation effect for the entire Google Plus Button module. S

Elements - Heading This module is useful when you need to add a Heading text including a paragraph describing the topic of the heading and you don't want to use Custom HTML. Its a suitable fit in every types and category of websites as well as web pages either. General Settings Heading Text : Write the heading text here. Paragraph Text : Enter the paragraph text here. Title Tag : Select the heading size from the drop-down menu. Text Alignment : Set the position of the texts. Styles Settings Title font : Sele

Icon This is a tiny module for using the icons on a web page. It has huge customization capabilities with pre-built animation effects that can be applied to the module to be applied. General Settings Icon search : Search the suitable icon you are seeking for. Alignment : Set the position of the selected icon from the drop-down menu. Styles Settings Icon Size : Define the size of the icon with this option by sliding left/right. Color : Choose a color for the selected icon. Use Border : You can

Elements - Image This is the most simple module for using images on a web page. You can have vast customization capability over image sizing, responsiveness, border, positioning, padding, margin, animation, and many more. It has the ability to full-fill all your needs. General Settings Image Url : Put the online link of the image you are going to use or upload manually with the UPLOAD IMAGE button. Alt Text : Write an alternative text for the image. Title Text : Give a title for the image. Responsive : Define

Image Compare This module is to compare two images dynamically. Need not the coding knowledge to configure the module. Simple customization with fewer steps to get the desired output. Can be used for any type of website. General Settings Image Before : Put the online link or manually upload the image that is to compare using the UPLOAD IMAGE button next to this option. Before Image Alt Text : Write an alternative text for the image. Image After : Put the online link or manually upload the image that is to

Joomla Article This module is to use Joomla article on your web page. You can use a single article on a module. This can highly reduce your hassle and time as well. Can be usable on any websites and web pages as well. General Settings Select Article : Select the existing article from the drop-down menu. Show Title : Allows you to have the access over enable or disable showing the title. Title Tag : Define the title HTML tag. Show Content : Allows you to have the access over enable or disable showing the con

Joomla Articles This module is to use Joomla articles on your web page. You can use multiple articles on one module. This can highly reduce your hassle and time as well. Can be usable on any websites and web pages as well. General Settings Category : Select the article category from the drop-down menu. Count : Define the number of articles you want to show. Show Featured : Allows you to enable or disable showing featured post. Show Child Category Articles : Enable or disable child category articles. Article

Elements - Joomla Module This is one of the smartest module ever. You can easily load Joomla module onto your web pages using this module. It is the best fit for any websites and can be customized with fewer steps. General Settings Select Module : Select the module from the drop-down that you want to load. Alignment : Set the position of the module. Animation : Select an animation for the module, how you want the module to appear on the page. Margin : You can define the amount of margin in pixel for Top, Right, Botto

Line Chart This module allows you to simply generate a line chart in a few seconds. Very much simple just need fewer clicks to configure and can be used in any type of web pages. No required any coding knowledge. General Settings Add New : - Add New : A button to add new Items. You can add Items as many as you want to make your own line chart. Duplicate : Clone the item with all its settings. Once you click on a created item, some more settings will appear to configure below this. Label : Give a n

Modal Popup A modal pop-up is a small window that appears on top of your page. It can show messages, images, videos, or other content to your visitors. It pops up when you want it to, like when someone clicks a button or scrolls down the page. How to Add a Modal Popup In Quix Page Builder, find the Modal Popup element on the right panel. Click it and put it wherever you want on your page. How to Set It Up Click the modal popup element to open settings. You can change how it looks and works from here.

Number Counter Number Counter module is a very useful module, is the best fit for almost every website including Business sites to count products as well as users. It can be used in portfolio site to count completed projects and on-going projects as well. It gives you a vast customization capability through which, you can build you desire number counter that fits for your site. General Settings Title : Write title text here. Number : Define the number. Use Icon : You can use either icon or image on your co

Person This is the simplest way you can add a person information on your website. Trendy, and very much easier compared to any other modules exists on the web, can be used in any web pages with less time configuration capability. General Settings Name : Write the name of the person. Position : Write the designation s/he is in. Image : Upload his/her image manually or you can provide the online image link either. Description : Enter descriptive texts here. Social Links : Provide his/ her social profi

Pie Chart This module allows you to simply generate a pie chart with fewer steps. Very much simple just need fewer clicks to configure and can be used in any type of web pages. No required any coding knowledge. General Settings Add New : - Add New : A button to add new Items. You can add Items as many as you want to make your own pie chart. Duplicate : Clone the item with all its settings. Once you click on a created item, some more settings will appear to configure below this. Label : Give a nam

Pie Counter This module helps you to build an attractive circular bar with an eye-catching customizable color combination that can fit in any type of websites especially for portfolio sites in building the skills graphical representation. It is totally hassle-free with less time configuration capability. General Settings Title : The Name of the Item. It will be displayed as circular item bar withs its amount of value in a particular color. Percent : Define the amount of that particular Item in numeric.

Polar Area Chart This module allows you to simply generate a Polar Area chart with fewer steps. Very much simple just need fewer clicks to configure and can be used in any type of web pages. No required any coding knowledge. General Settings Add New : - Add New : A button to add new Items. You can add Items as many as you want to make your own Polar Area Chart. Duplicate : Clone the item with all its settings. Once you click on a created item, some more settings will appear to configure below this. Labe

Pricing Table This module is mostly used generating product price table, offered price table, package table for a business website. This is the most simple way to make a price table where you don't even need a single line of code. You can prepare a price table in a minute just following a few steps. General Settings Add New : - Add New : A button to add new table. You can add Items as many as you want according to your need. Duplicate : Clone the table with all its settings. Once you click on a created

Slider It is the easiest way to add an image slider for any types of websites with rich customization settings. This module is mostly usable to make feature gallery, image gallery, and any sliders as well. General Settings Add New : A button to add a new image. You can add an image as many as you want to make slider according to your need. Duplicate : Clone the image with all its settings and you can just change the image later on keeping unchanged other settings. Once you click on a created ima

Slider Pro This is the pro version of Slider module with a huge and enriched customization features. You can surely make any type of stylized image slider with this module that thousands of our clients say as they are using this. General Settings Add New : A button to add a new image. You can add an image as many as you want to make slider according to your need. Duplicate : Clone the image with all its settings and you can just change the image later on keeping unchanged other settings. Once you cli

Elements - Social Icon This module is used to create social web icon with linked inside in a very simple way, a matter of just a few clicks nothing else. Surely, this module can make you escaped doing huge code to add social icon and styles them that is very much time-consuming too. Its surely a trendy revolution for the web. General Settings Add New : A button to add a new social icon. You can add an icon as many as you want to meet your need. Duplicate : Clone the icon with all its settings. Once you

Soundcloud This module is used to embed Soundcloud profile onto web pages. This is the most simple way to embed your SoundCloud profile without even a single line of code. General Settings Soundcloud : paste your SoundCloud profile embed code here. Animation : Choose an animation effect that you want to apply on the module. Styles Settings Margin : You can define the amount of margin pixel for Top, Right, Bottom and Left as well for the module. Padding : You can define the amount of padding pixel for

Tabs This module is used to generate content tabs menu just by a few clicks. You can create multiple tab menus in a short time without any hassle. Need not any coding knowledge to do so and supported in every type of web pages. General Settings Title : Write the tab menu title. Content : Write content texts here. Enable icon : If you want to use an icon to the tab menu then enable this option, that allows you to choose an icon for the tab menu. Styles Settings Typography : Select a font style f

Testimonial This module is used to create testimonial section in a very efficient way without being hassled. Just to a few clicks and you are done! Doesn't required any coding knowledge for configuration, its beyond simple. General Settings Name : Write the name of the person here. Job Title, Company Name : Write his/ her designation and company name with a comma. Image : Upload his/her photograph by simply using UPLOAD IMAGE button. Testimony : Write what s/he says. Animation : Choose an animation effec

Testimonial Pro This is the pro version of Testimonial module with a huge and enriched customization features. You can surely make a stylized testimonial with this module since thousands of our clients say as they are using. General Settings Name : Write the name of the person here. Job Title, Company Name : Write his/ her designation and company name with a comma. Image : Upload his/her photograph by simply using UPLOAD IMAGE button. Testimony : Write what s/he says. Animation : Choose an animation effect f

Text This module is used to insert simple text content in a web page. It requires no coding knowledge, can be used in any web page. No complex hassle to configure this module, its simple. General Settings Text Alignment : Set the text position with this option. Content :Write the content text here. Animation : Choose an animation effect for the module. Styles Settings Font : Select a font style for the texts. Text Color : Choose a color for the texts. Background Image : If you want to use an i

Video The most simple module to add Youtube or Vimeo video on web pages. Its requires no coding knowledge and pretty simple to configure. Really time-saving, just a few clicks and you are done. General Settings Video URL : Insert the Youtube/ Vimeo video URL here. Styles Settings Animation : Choose an animation effect from the drop-down menu to apply on the module.

Video Popup The most simple module make a Video Popup with a simple configuration settings module. It can be used on any web page and there is no coding knowledge required to configure that. General Settings Video Link : Insert the Youtube/ Vimeo video URL here. Trigger by : You can either use icon or image to trigger the Popup Video. If you select icon from the drop-down, then you need to select an icon from the bunch of icons below to the option. If you choose image to trigger the Popup Video, you jus

Smart Tab Where to find? Smart Tab element available from Quix 1.7 and onward. Make sure your Quix version is 1.7+ to use this awesome element. Go to a Quix page. Click on Add Element Find the Smart Tab on the element list and click over it. You can use the Search box at the right-top to find it quickly. Configuration GENERAL Add New : This button allows you adding new tabs. Layout : Lets you define that the tab is gonna be Vertical or Horizontal. Alignment : Define the tab placement. By defau

Quix PRO

Explore our guieds, tutorials and how to's for Quix PRO

Countdown Countdown is a sequence of backward counting to indicate the time remaining before an event is scheduled to occur. The countdown element of Quix allows you to add countdown to your site without a 3rd party Extension. You can add countdown in your section by following these steps. Select Add New Element from column to open elements list modal From there select Countdown element Here you’ll find three tabs - General, Styles ,& Advanced General Tab The general tab holds the basic settings of

Form Builder One of the most demanding element is Form builder. This element will help you to build any type of form including contact form, registration form, questionnaire etc. To add form to your site follow these steps. Select Add New Element from column to open elements list modal From there select Form element A popup will appear showing three tabs - General, Styles ,& Advanced. These tabs will help you to modify the form in your way. You can add new fields, change the color and font, change butto

Call to Action ‘Call to action’ is an instruction to your visitor to perform an immediate task. It combines title, text, image and button element which you can style along with a box background colors and much more. The element uses animation and CSS to create user interaction that appear when the user hovers over call to action section. To add this element in a section follow these steps. Select Add New Element from column to open elements list modal From there select Call to action element A popup will ap

Testimonial Carousel Testimonial Carousel is the perfect way to show your clients the potentiality of your provided work. It increases the trust of a new visitor and makes your site trustworthy. A testimonial carousel is a slider containing testimonials of many clients. If you want to provide more than one testimonials in your site then you must go for testimonial carousel. It will save the space holding multiple testimonials in one box. To add this element in a section, follow these steps. Select Add New Element

Counter Element The idea of Counter element came from counter. You might have seen one. It’s a small disc used in board games for keeping the score or as a place marker. Counters are basically number records. Now a days it is used in many sites to keep the track of viewers, subscribers etc. Counter element can be one useful element to your site if your use it properly. To use this element, follow these steps. Select Add New Element from column An elements list modal will appear From there select Counter elemen

Slider Element Slider Pro element allows you to create a beautiful image slide which can be both manual or automatic. This feature makes a site dynamic. It will keep your viewer holding in your site as your viewer would be eager to see what comes next. Most of the websites use this element to showcase they’re gallery image or pictures of room, lobby etc. If you want you can use it simply by following these steps. Select Add New Element from column to open elements list modal From there select Slider Pro elem

Gallery Element Gallery element is one of the most dynamic element ever created. It not only displays photographs and images but also attracts viewers. If you provide only image gallery and invite people to visit the location that would be enough to boost up your business. Now a days, this element is a booster. If you add it to any of your site then it would not only increase the amount of your traffic but also boost up your business. To add this element to any column just simply follow these steps. Select Add

Media Carousel Media Carousel is the next level visual design that allows you to create image and video slider. Now you can easily design your image sliders and video sliders applying animations. Follow these steps to add media carousel to your section. Select Add New Element from column An element list modal will appear Select Media Carousel element A new popup will appear showing three tabs - General, Styles ,& Advanced. These tabs will help you to modify the element in your own way. You can add new fi

Tabs Element Tab Element allows you to divide your content into tabs, either horizontally or vertically. it is similar to the tabs we see in Google. This element will help you to combine multiple contents in one space. You can add this element in your section by following these steps. Select Add New Element from column An element list modal will open up From there select Tab Element element A popup will appear showing three tabs - General, Styles ,& Advanced. These tabs will help you to modify the Tabs

Animated Headline Animated Headline allows you to create eye-catching headline in addition of some rotating ot highlighted words. This element will transform your old boring headline into new and smart one. Animated headline can be one useful element in your site if you use it properly. To use this element, follow these steps. Select Add New Element from column An elements list modal will open From there select Animated Headline element Here you’ll find three tabs - General, Styles, & Advanced.These tabs wi

Flip Box Flip box is a box that flips over when you hover on it. This makes the section look more dynamic and fascinating to visitors. You can customize the look and behavior of every flip box differently in the same section. To use this element, follow these steps. Select Add New Element from column An elements list modal will open From there select Flip Box element Here you’ll find three tabs - General, Styles, & Advanced.These tabs will help you to modify the element in your own way. You can add

SEO

Everything you need to know about Quix's built-in SEO feature aka QuixRank.

Keyphrase Length The keyphrase length checks whether the focus keyphrase is present and whether it is too long or not. You can try to target a rather short keyphrase in a cornerstone article (e.g., “page builder”) or a long one in a more specific piece of content (e.g., “best free page builder”). But if you haven’t set a focus keyphrase, SEO cannot calculate the score of your page. Importance of keyphrase length for SEO Using longer focus keyphrases, you are automatically optimizing your page for the long tail.

Text Length Text length indicates the length of the text. To rank well in the search engines, a blog post should contain some minimum amount of words. Long posts will get easily ranked rather than short posts. From posts more than 1000 words, the search engines get more clues to determine what the text is about. How text length works To determine whether your post will rank or not, you need to find the length of the text. For that, you need to know how many words the page has and how much it should contain.

Image Alt Attributes Image alt attributes checks if there are images in your post and if there are alternate tags that use the keyphrase. By adding an alt text in image, you provide users and search engines with a textual description of what’s on that image. This improves your chance of ranking in image search. Importance of optimizing images for SEO Images can improve almost any post or page. A website without an image is nothing but a boring and dull site. Also, think about how hard it would be to make money wit

Internal Links What does the internal link check do? The internal link assessment of QuixRank checks whether you’ve created links to other pages on your own website in your text. It also checks if these links are followed or not followed.Internal link check Why are internal links important for SEO? Google follows links to discover content on websites and to rank this content in the search results. If a post or page gets a lot of links this is a signal to Google that it’s an important or high-value article. Th

Meta Description Length What is a meta description? The meta description is a short text you can add to your post or page. It is sometimes shown in the snippet of your page in Google’s search results. A good meta description summarizes what the page is about and triggers people to visit your page. You can find the meta description field in the snippet editor of the meta box. What does the length meta description check do? This check measures the length of your meta description. It checks whether it is too short (les

Outbound Links Outbound links are links from your website to other websites. What does the outbound link check do? The outbound links check counts the number of links you’ve added to your post or page. It counts nofollowed and followed links. To get a green bullet you’ll have to add at least one followed link. Why are outbound links important for SEO? An outbound link is not essential if you want your post to rank. That’s why you won’t receive a red, but an orange bullet if you don’t have any outbound links.

SEO Title Width What is the SEO title? Your SEO title will be visible to people who are not on your website yet. It will be shown to people on the search engines’ results pages as the title of your snippet, and it can, therefore, be different from the title of your post or page. What does the SEO title width check do? This check assesses the length of your SEO title. If you haven’t created any SEO title yet, the assessment will remind you to do so. You will also receive a bad score if your title is too short an

Set A Keyphrase The focus keyphrase is the field by which you want your post or page to be found for. This can be one single word, but it usually consists of a few words, that’s why it is called a keyphrase. Using SEO section of Quix, you’re bound to fill out your focus keyphrase section for rank up in any searching engine. If your page is all about fitness and you want your page to rank for it, you should optimize your page related to that term. A focus keyphrase should be longer. For example, you can write th

Add More Content Every page on your site needs to contain a certain amount of words to be able to rank. How long your text should be, depends on the kind of page: taxonomy pages require (slightly) less content than posts, whereas cornerstone content should be exhaustive and therefore needs to contain a significant amount of words. Why lengthy posts are needed? Writing long blog post specifically 1000 words or more than that, will give a higher chance to rank top in Google, Bing or in other search engine. At Them

Use The Space - meta description length In QuixRank, we provide you with feedback about the length of your meta description. In this article, we’ll give you some information about meta descriptions in general, and about the ideal length of a meta description. Let’s dive in! What is a meta description? Before we go into detail about the length of a meta description, let’s first explore what a meta description is. If you search for something in a search engine, the search engine will provide you with a list of search results. These sear

Add Outbound Links What is an external link? The world wide web consists of several things, and links between those parts are indispensable. If a piece of content isn’t linked to, how would search engines know how to find it? Let alone visitors, they would never get there. So, links are needed for an interconnected web. Links are either internal or external. An external link is a link between two separate websites. Links within a website are called internal links. Those are very important for site structure and S

Keyphrase in Title What does the keyphrase in title do? The keyphrase in title assessment checks if you have used your keyphrase in the SEO title of your post or page. Preferably, you add your focus keyphrase to the beginning of the title because this makes it instantly clear what your post is about. Furthermore, try to use an exact match of your keyphrase. Why is it important for SEO? The page title is one of the most important parts of SEO. Your page title is the first thing people see from your site — and o

Keyphrase in Slug What does the keyphrase in slug do? The keyphrase in slug checks if and how you have used your focus keyphrase in your URL. Your article or page should live on an easy to remember, focused and SEO-friendly URL. To improve the slug part of your URL, QuixRank checks how you’ve fitted in your main focus keyphrase and makes suggestions to improve it. Why are URLs important for SEO? Your content deserves a memorable URL. An SEO-friendly URL is one that is focused and not too long. Try to keep your UR

Add Some - image alt attribute How to optimize your images for SEO The search engines not only work for texts but also for images. And image alt attribute field helps the images to rank up in the seach engines. Quix SEO section checks not only text fields but also focus keyphrase in the alt attributes of the images. You may be wondering: what are image alt attributes? Why is it important to optimize images for SEO? And how do you do that? So, let’s find the details about what it is ahy is it needed. What is an image alt at

Keyphrase In Introduction What is keyphrase in introduction? The keyphrase in introduction checks whether or not your focus keyphrase is in the introduction of your text. Meaning, SEO checks if its in the first paragraph or not. Preferably, you would use your focus keyphrase in the very first sentence. You would like to make your topic clear as soon as possible. Why is it important to have keyphrase in the introduction for SEO? Your introduction is a crucial paragraph for your readers. They’ll decide whether or not y

Make sure the topic is clear immediately. The QuixRank checks whether you’ve included your focus keyphrase in the first paragraph of your text. That might feel rather logical but it’s easily forgotten! Why is this an aspect of our SEO check? And how do you solve this and turn your orange or red bullet green? Let’s look at the importance of your introduction for SEO. The importance of using your focus keyphrase in your introduction The first paragraph of a text is your introduction. That is a key location for both users and search engi

Keyphrase in meta description What does the keyphrase in meta description do? The keyphrase in meta description assessment checks how often all words from the focus keyphrase are found within the meta description text. In addition, if you use QuixRank it also takes into account the synonyms you enter. If you overdo it, the plugin advises you to limit the use of your focus keyphrase in your meta description. Why is meta description important for SEO? The meta description is a short piece of text that gives search engines

Fix That - Meta Description The QuixRank check provides feedback about your meta description. One of the requirements is that you mention your keyphrase in your meta description. Why does it matter? And: what does it take to turn that bullet green? Let’s start off with the specific elements in this checks: the meta description and the focus keyword, also known as keyphrase. After that, we’ll dive into how to do this right. What is a focus keyphrase? A focus keyphrase is the search term you decide you want a page to rank

Make Sure to add some - Internal Links The QuixRank analysis tells you to add internal links if your text doesn’t contain them. But what are internal links? How should you add them? And what pages should you link to? That’s what we’ll discuss here. What is an internal link? An internal link is any link from one page on your website to another page on your website. Both your users and search engines use links to find content on your website. Your users use links to navigate through your site and to find the content they want to find

Add Some - Outbound Links The importance of outbound links The SEO analysis of the QuixRank checks if you have outbound links in your content. What are outbound links? Why are they important? And how do you improve your score for this check? What is an external link? The world wide web consists of several things, and links between those parts are indispensable. If a piece of content isn’t linked to, how would search engines know how to find it? Let alone visitors, they would never get there. So, links are needed for an i

Use the space to add keyphrase variations or create compelling call-to-action copy The ideal width of the SEO title In QuixRank, we provide you with feedback about the length of your SEO title. But what exactly is an SEO title? Why is it important for SEO? And how can you improve your SEO title? We’ll try to clear things up in this article. What is an SEO title? Let’s start with the basics. When we’re talking about the SEO title, we’re talking about the HTML title tag (or page title). The SEO title is part of the search result. If you search for something in a search engine

Change That - Keyphrase in Slug One of the SEO assessments in the QuixRank checks whether the slug contains your focus keyphrase. In this article, we’ll explain a few things about this assessment. We’ll explore what a slug is, how you can edit it, and why a slug is important for SEO. We’ll also explain why it is so very important to include your focus keyphrase in the slug, and we’ll give you a few other basic tips on how to improve your URL. What is a slug? A slug is the part of a URL which identifies a particular page on a w

Keyphrase in subheading What does the keyphrase in subheadings do? The keyphrase in subheadings assessment checks whether your subheadings reflect the topic of your text as defined by your keyphrase. how you have used your subheadings. Subheadings should describe your subject adequately. A subheading is considered to reflect the topic if more than half of the words from your focus keyphrase are used in it. Why is it important for SEO? Including the keyphrases in subheadings shows readers the topic of the specific subp

Use More - Keyphrase In Subheading In the SEO analysis in our plugin, we tell you to put (part of) your keyphrase in some of your subheadings. But why is this important? Should you always put your keyphrase in every subheading? And if not, how do you decide when to add the keyphrase and when not to? That’s what we’ll explore here. Why subheadings are important Subheadings play an important role in your text structure. They help the reader quickly understand what a paragraph or group of paragraphs is about. This improves the reada

Keyphrase Density Keyphrase density is the number of times your keyphrase occurs in your copy, compared to the total text of that page. So if you have a text that is 100 words and 5 of those are your focus keyword, your keyphrase density is 5%. When you write a post for your blog, you decide on the focus keyword or focus keyphrase you want that post to rank for. Say you really dislike coriander and you’ve started a website about cooking without it. The focus keyphrase for a post could be “Indian curry without cor

Add Some - Internal Link What is an internal link? An internal link is any link from one page on your website to another page on your website. Both your users and search engines use links to find content on your website. Your users use links to navigate through your site and to find the content they want to find. Search engines also use links to navigate your site. They have a hard time showing a page in the search results if there are no links to it. That’s why internal linking is so important. There are several types

Focus on your keyphrase What is keyphrase density? Keyphrase density is the number of times your keyphrase occurs in your copy, compared to the total text of that page. So if you have a text that is 100 words and 5 of those are your focus keyword, your keyphrase density is 5%. When you write a post for your blog, you decide on the focus keyword or focus keyphrase you want that post to rank for. Say you really dislike coriander and you’ve started a website about cooking without it. The focus keyphrase for a post could b

Adding your keyphrase to your SEO title In the QuixRank plugin, we tell you to use your keyphrase in your SEO title. But what exactly is an SEO title? Why is it important for SEO? And how can you improve your SEO title? We’ll try to clear things up in this article. What is an SEO title? Let’s start with the basics. When we’re talking about the SEO title, we’re talking about the HTML title tag (or page title). If you look at the source of a page, you’ll find it in the head section. It looks like this: This is an example page title -

Single H1 What does the single H1 check do? The single H1 assessment checks whether the body of the text contains an H1 at any position other than the very beginning. An H1 is the title of your page or blog post, and you should only use it once per article. In QuixRank the H1 is the title of your blog post. Single H1 Why is having a single H1 important for SEO? Headings help Google grasp the main topic of a post. If you have multiple H1 tags, Google might get confused. A proper heading structure is also v

Troubleshooting

Learn how to debug Joomla and Quix and fix it properly.

Quix icon only shows up in the editor, not on the front-end Enabling allow_url_fopen is essential for displaying the Quix icon correctly on your website's front-end. Talk to your server administrator to enable this option, as they can guide you on the necessary steps, such as modifying the server's PHP configuration (php.ini) file or using a PHP function like ini_set. Remember that allowing remote file access can be risky, so it's important to be cautious when accessing remote URLs.

How to fix Gmail SMTP authentication error.   If you're using Gmail SMTP details for SMTP mailer, you may have started facing difficulty in sending emails. Less Secure Apps was a feature in Gmail that allowed software and devices to sign in to your Gmail account with your main Google username and password. Now, Google has decided to begin phasing out Less Secure Apps from May 30th, 2022. Google Workspace and Google Cloud Identity users won’t be affected right away, but support for Less Secure Apps will still be phased o

Troubleshooting - How to fix if Quix icons not loading on the frontend or builder? If you're experiencing issues with Quix icons not loading on the frontend or builder, there is a simple process you can follow to fix it:

The entrance animation does not work on the classic builder Enable the Init WoW Js option from the System - Quix System Plugin from the plugin manager.

Page crashes when you add custom script inside quix page Page crashes when you add custom script inside quix page The problem is when you add some script, it replaces the entire body or breaking the entire builder or page. JavaScript Document.Write Replaces All Body Content Issue: You cannot use document.write once the document has completed loading. If you do, the browser will open a new document which will replace the current one. Solutions: Use the innerHTML property to put HTML code inside an element: function gen_output(ad_content){ documen

Optimization

Learn about Joomla and Quix page speed optimization.

GD Library Webp is a next generation image format developed by google. Why do you need WebP? The webp format provides 28% compression over jpeg. if your image size 100 kb in jpeg, it'll be ~72kb in webp format. WebP only works on Chrome and Opera. Quix has fallback support for Mozilla and other non supported browser. When WebP failed to load Quix will automatically load the jpeg version. WebP doesn't load on Chrome! Make sure your server is fully configured for WebP support. To configure WebP please c

Developer

Learn how to customize and extend Quix Joomla Page Builder.

Create new element My Element for Quix Audience: Developer To create and load a custom Quix element we need to register it first and there are few ways to register a new custom quix element: Create a folder inside your default joomla template : “templates/your-template/libraries/quixnxt/visual-builder/elements” Create a system plugin and register quix through a function hook. Now, Let’s create your own quix element plugin. Here are more details to do it. You just need to follow the steps :  Step 1: