Button Shortcode

Button shortcode allows you to show a button with links anywhere you wish. For example in this demo page.

This shortcode is available in Pixwell version 4.5 or above.

To add the button shortcode, Input as below:

[rb_button url="#" label="button"]

Shortcode params:

the button shortcode supports a lot of params, that allow you to control exactly what you need to display.

  • id – The id slugs to display, ie: button-1, button-2. If you have more than 2 button shortcodes on a page, missing ID param will make button style cannot work as expected.
  • label – The button lable (title)
  • url – The destination URL of this button.
  • rel – Rel attribute of the button, default is nofollow
  • target – Target attribute of the button, allow value below:
    0 : open in self tab.
    1 : open in a new tab.
  • background – Background color value of the button, for exmaple: #333333
  • color – Text color value of the button, for exmaple: #ffffff
  • hover_background – Hovering background color value value of the button, for exmaple: #333333
  • hover_color – Hovering text color value of the button, for exmaple: #ffffff
  • style – The button style, allow 2 params: default and border
  • hover_style – The hover style, allow 2 params: default and border
  • hover_shadow – Enable shadow when hovering on, allow value below:
    0 : disable shadown effect.
    1 : enable shadow effect.
  • size – The font size value of the button, for exmaple: 18px
  • border – Border radius of the button, for exmaple: 10px

Examples of Shortcode

Marketing demo – Top Button

[rb_button id="1" label="Subscribe Now" url="#" background="#a14cff" hover_shadow="1" hover_background="#8619ff"]

Marketing demo – Footer Button

[rb_button id="2" label="Request a Quote" url="#" background="#282828" hover_background="#549640"]
You can also shortcode to the default page, Elementor pages, or posts as well.

Was this page helpful?

Still no luck? We can help!

Contact us and we’ll get back to you as soon as possible.