Add Frak buttons on WordPress

Once Frak is installed and connected, you choose where your customers see it. There are three Frak components, and you can add each one the way that fits your theme: a block, a shortcode, a widget, or an Elementor widget.

Component	What it does
Share button	Lets customers share your store and earn rewards.
Banner	Welcomes referred visitors at the top of the page.
Post-purchase card	Invites customers to share right after they buy.

Where to start

Add the post-purchase card to your order confirmation page first. Showing the share prompt right after checkout converts best.

Add a component

Pick the method that matches how you edit your site.

Block editor

1. Open the post, page, or template part in the editor (for block themes: Appearance → Editor).
2. Click the + where you want the component and search for Frak.
3. Choose Frak Share Button, Frak Banner, or Frak Post-Purchase.
4. Adjust the options in the sidebar, then save.

Shortcode

Paste the matching shortcode into any page, post, or builder that accepts shortcodes:

[frak_share_button text="Share and earn!"]

[frak_banner]

[frak_post_purchase variant="referrer"]

From a theme template you can also call it in PHP:

echo do_shortcode( '[frak_share_button text="Share & earn"]' );

Widget

Go to Appearance → Widgets, pick the sidebar or footer area, and add Frak Share Button, Frak Banner, or Frak Post-Purchase. Each one has a simple form with the same options as the block.

Elementor

If your site uses Elementor, the plugin adds a Frak category in the editor. Drag Frak Share Button, Frak Banner, or Frak Post-Purchase onto the canvas and tune the controls on the right.

Note

The share button picks up your theme’s button styling automatically, so it matches the rest of your site out of the box.

Block, shortcode, and widget names

If you need the exact identifiers (for a page builder search or a template), here they are:

Component	Block	Shortcode	Widget
Share button	frak/share-button	[frak_share_button]	Frak Share Button
Banner	frak/banner	[frak_banner]	Frak Banner
Post-purchase card	frak/post-purchase	[frak_post_purchase]	Frak Post-Purchase

Next

Settings & webhooksBrand fields, order tracking, delivery logs, and troubleshooting.

Want every option?

The full list of settings for each component lives in the developer components reference.