Select column type to be generated. In the editor, this column shortcode should be placed between [layout]...[/layout].
Whether this would be the last column in the [layout] shortcode.
Initial content to be added. You can change this later in the editor after generating this shortcode.
Select the layout type with pre-defined columns to be generated.
Initial content to be added. You can change this later in the editor after generating this shortcode.
Initial content to be added. You can change this later in the editor after generating this shortcode.
Initial content to be added. You can change this later in the editor after generating this shortcode.
Initial content to be added. You can change this later in the editor after generating this shortcode.
Initial content to be added. You can change this later in the editor after generating this shortcode.
Initial content to be added. You can change this later in the editor after generating this shortcode.
Initial content to be added. You can change this later in the editor after generating this shortcode.
Initial content to be added. You can change this later in the editor after generating this shortcode.
Initial content to be added. You can change this later in the editor after generating this shortcode.
Initial content to be added. You can change this later in the editor after generating this shortcode.
Initial content to be added. You can change this later in the editor after generating this shortcode.
Initial content to be added. You can change this later in the editor after generating this shortcode.
Initial content to be added. You can change this later in the editor after generating this shortcode.
Initial content to be added. You can change this later in the editor after generating this shortcode.
Initial content to be added. You can change this later in the editor after generating this shortcode.
Initial content to be added. You can change this later in the editor after generating this shortcode.
Initial content to be added. You can change this later in the editor after generating this shortcode.
Initial content to be added. You can change this later in the editor after generating this shortcode.
Enter the heading text.
Select heading size.
Whether to have a line on heading.
Select heading alignment.
Whether to make it as section heading which should be placed outside the [layout]...[/layout] shortcode.
Whether to combine with alternate heading styles. Note that you can change this alternate heading styles in theme options at Base Styles > Alternate Heading Typography.
Enter the text for button.
Select the color for button.
Select the size for button.
Enter the target link for button.
Whether to open the link in new tab/window of the browser.
Enter the source URL for image.
Whether to make it clickable.
Select the type of this clickable image. "Read More" will redirect you to the defined Link URL below. "Photo" will enable modal box to view the image from the defined Link URL below.
Enter the target URL of the image.
Select the width of this clickable image. Actually, this will be used for placing the hovering icon in the proper position. If "Not Defined" is selected, then the icon will be at the maximum width of its containing column.
Select image alignment. You will see the result if the image width is smaller than its containing column.
Enter the caption for image. This will only be displayed for the clickable type of "Photo".
Select video source.
Enter the ID of video. For examples, "c9MnSeYYtYY" for YouTube or "24535181" for Vimeo.
Enter the quote text.
Enter the cite.
Select the display type of block quote.
Enter the tab title.
Enter the initial tab content. This could be changed later in the editor after generating the shortcode.
Enter the tab title.
Enter the initial tab content. This could be changed later in the editor after generating the shortcode.
Enter the IDs of testimonials to be shown. Each ID must be separated by a comma (,). For example; 168, 192, 201. To find the IDs, please go to menu Testimonials > All Testimonials, then point your mouse over each testimonial post. You would see the ID of each post at the status bar of your web browser like post.php?post=198.
Enter the latitude value. Don't know how to find one? Click here.
Enter the longitude value. Don't know how to find one? Click here.
Enter the address. Note that if this address field is left blank, the latitude and longitude will be used. Otherwise, theme will use this entered address to render a map instead.
Select the zoom level of the map.
Specify the height of Google Map.
Enter the recipient's email address
Select the color of submit button.
Enter the successful message.
Enter the IDs of hotels to be listed. Each ID must be separated by a comma (,). For example; 168, 192, 201. To find the IDs, please go to menu Hotels > All Hotels, then point your mouse over each hotel post. You would see the ID of each post at the status bar of your web browser like post.php?post=198.
Enter the options of payment method to be listed. Each option must be separated by a comma (,). For example; Credit Card, Money Transfer, Debit Card.
Enter the recipient's email address
Select the color of submit button.
Enter the successful message.
This shortcode has no attribute. You can click Generate Shortcode button right away.
Welcome to UXbarn Shortcode Generator! This tool would help you to create any shortcodes which are included in the theme from UXbarn. Please read the easy instruction below for how to start.
How to use
Select the element that you want to create shortcode from the select box at the top right of this page.
Enter any attribute value for each field of the selected category.
If you want to generate more shortcodes of other elements continuously after finished the current one, you may leave this window opened by marking the checkbox at the bottom of the page.