Heading
The Heading widget is a fundamental element for creating stylish and impactful title headings within your WordPress sites. With this widget, you can customize various aspects of your headings.
Content Tab
Content
- Title: Enter the text for your heading in the provided field.
- Link: If you want your heading to be clickable and redirect to another page or resource, input the URL in the provided field. Click the Link Options icon (resembles a cogwheel) to configure the link options such as opening the link in a new window/tab or adding a
nofollowrelationship.
Settings
- HTML Tag: Select the appropriate HTML tag for your heading from the dropdown menu. Options range from
H1toH6,div,spanandp, depending on the importance and hierarchy of the heading within your page content. - Ornaments: Toggle the switch to 'Show' if you wish to add decorative elements to your heading.
Personalization
You can also add personalization tags to this element using shortcodes. To add personalized keywords to your heading text, copy the respective shortcode and paste it where you desire.
A complete list of shortcodes is available at the bottom of this page.
| Keywords Name | Keywords Shortcode |
|---|---|
| Coupon Code |
[sellkit-coupon-code]
|
| Coupon Expiry Date |
[sellkit-coupon-expiry-date]
|
| Coupon Value |
[sellkit-coupon-value]
|
| Customer Email |
[sellkit-customer-email]
|
| Customer First Name |
[sellkit-customer-first-name]
|
| Customer Full Name |
[sellkit-customer-full-name]
|
| Customer Last Name |
[sellkit-customer-last-name]
|
| Customer Phone |
[sellkit-customer-phone]
|
| Customer Provided Note |
[sellkit-customer-provided-note]
|
| Customer User Id |
[sellkit-customer-user-id]
|
| Order Billing Address |
[sellkit-order-billing-address]
|
| Order Billing Country |
[sellkit-order-billing-country]
|
| Order Date |
[sellkit-order-date]
|
| Order Item Count |
[sellkit-order-items-count]
|
| Order Number |
[sellikit-order-number]
|
| Order Payment Method |
[sellikit-order-payment-method]
|
| Order Shipping Address |
[selikit-order-shipping-address]
|
| Order Shipping Method |
[selikit-order-shipping-method]
|
| Order Status |
[selikit-order-status]
|
| Order Total |
[selikit-order-total]
|
Style Tab
Heading
- Color Type: Choose between a single color or a gradient for your heading text.
- Typography: Click on the pencil icon to open typography options where you can set the font family, size, weight, transform, style, decoration, line-height, and letter spacing.
- Alignment: Select the alignment of the heading text: left, center, right, or justified.
Animated Gradient
- Animated Gradient: Toggle this to 'Yes' to enable a moving gradient effect on the heading.
- Color: Add colors to your gradient by clicking on the color squares. You can add or remove colors using the '+' and 'x' buttons respectively.
- Direction: Choose the direction of the gradient animation from the dropdown menu, such as left, right, top, or bottom.
- Animation Duration: Adjust the slider to set the speed of the gradient animation.
- Ornaments
- Ornament Style: Select a style for the ornaments from the dropdown menu.
- Thickness: Use the slider to adjust the thickness of the ornament lines.
- Color: Choose a color for your ornaments by clicking on the color picker.