WordPress Themes - Using Shortcode

Your WordPress Theme comes with a wide selection of ready-made Shortcode. Shortcode is similar to HTML allowing you to easily generate pre-integrated and fully responsive elements for your new pages. But unlike HTML Shortcode is much easier to customize and does not require coding experience. The elements that can be generated include feature boxes, pricing tables, product sliders, banners, buttons & more. We use these exclusive Shortcode to generate all of the default pages of the theme. You can use them within an existing or newly created page and there's no limit to how and where you use them.

Using Shortcode

You will all of the Shortcode of your theme at:

WordPress Admin > Wizard Panel > Shortcode

To install a Shortcode all you need to do is copy the code form the Shortcode tab and paste it within a new or existing page (via the WordPress admin panel). We recommend pasting it within a Shortcode block. If you're using the classic WordPress editor you will need to paste it when using the code view.

Visit the page you posted the code and you will see the element displayed:

All of the Shortcode we provide will generate fully functional and responsive elements, all you will need to do is edit the content as needed. You can use and display as many Shortcode as you like on a single page.

Customizing Shortcode

All of our Shortcode is fully customizable. The Shortcode is made up of a mixture of code and text (similar to HTML). All of the text is fully customizable, you should keep the code intact.

Let's look at our Product Boxes 1 Shortcode. We use this shortcode for product box displays on the Virtual Private Network & Hosting Addon pages. By default this generates the following element:

The Shortcode for this is:

[productboxes1 columns="3"]

	[productboxes1_box highlight="popular" display_order="0" animation="fadeInUp"]
	
		[productboxes1_heading]Shared Hosting[/productboxes1_heading]
		
		[productboxes1_description]Premium cPanel based web hosting[/productboxes1_description]
		
		[productboxes1_heading2]Features[/productboxes1_heading2]
		
		[productboxes1_features]
			[productboxes1_feature][b]10GB Disk Space[/b][/productboxes1_feature]
			[productboxes1_feature][b]100GB Bandwidth[/b][/productboxes1_feature]
			[productboxes1_feature][b]5 Addon Domains[/b][/productboxes1_feature]
			[productboxes1_feature]cPanel Control Panel[/productboxes1_feature]
			[productboxes1_feature]Softaculous Installer[/productboxes1_feature]
		[/productboxes1_features]
		
		[productboxes1_pricing before="From" price="9.99" term="/monthly"]	
		
		[productboxes1_buttons]
			[button url="#" color="color2"][icon]far fa-list-alt[/icon]Features[/button]
			[button url="#software_url_cart" color="color1"][icon]fas fa-shopping-cart[/icon]Order Now[/button]
		[/productboxes1_buttons]	
		
	[/productboxes1_box]

[/productboxes1]

The below image shows how the text is applied in the front-end:

Let's go ahead and make some customizations to the Shortcode:

[productboxes1 columns="3"]

	[productboxes1_box highlight="new" display_order="0" animation="fadeInUp"]
	
		[productboxes1_heading]SSD Hosting[/productboxes1_heading]
		
		[productboxes1_description]Solid State Hosting Services[/productboxes1_description]
		
		[productboxes1_heading2]Features[/productboxes1_heading2]
		
		[productboxes1_features]
			[productboxes1_feature][b]100GB Web Space[/b][/productboxes1_feature]
			[productboxes1_feature][b]1TB Transfer[/b][/productboxes1_feature]
			[productboxes1_feature][b]100 Addon Domains[/b][/productboxes1_feature]
			[productboxes1_feature]Plesk Control Panel[/productboxes1_feature]
			[productboxes1_feature]Fantastico Installer[/productboxes1_feature]
		[/productboxes1_features]
		
		[productboxes1_pricing before="Just" price="10.99" term="/quater"]	
		
		[productboxes1_buttons]
			[button url="#software_url_cart" color="color1"][icon]fas fa-shopping-cart[/icon]Buy Now[/button]
		[/productboxes1_buttons]	
		
	[/productboxes1_box]

[/productboxes1]

As you can see we have updated the highlight, heading, description, the features, price and removed the Features button and Order Now button renamed. Save and refresh and you will see the updated element:

We have built the shortcode to be very adaptable. You can add/remove blocks of shortcode to make it unique. For example you can add as many features as you like. Remove blocks as needed such as in the above example we removed the Features button by removing the line from the code.

Integrating With Software

When using the plan display Shortcode (table, data tables, product boxes, product slider) you may want to setup your Order Now buttons to link to your chosen software. Visit the link below for a guide on how to do this.

Learn More