# Add Frak buttons on WordPress

# Add Frak buttons on WordPress

Once Frak is [installed and connected](/guides/platforms/wordpress/), 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.

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.

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

```text
[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:

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

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.

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 & webhooks](/guides/platforms/wordpress/details/)
**Want every option?:** The full list of settings for each component lives in the [developer components reference](/developers/components/).