Woocommerce

Did you know cookie banners only have a 31% opt-in rate? Not only does that suck for your site analytics, but it's killing your digital ad strategy.

You know that Meta pixel, Google tag, LinkedIn Insight tag... all those nifty tools you added to your website to measure and improve your ad performance (the precious ROAS metric)?

If you didn't already know this, when users decline, or even just ignore your cookie banner, they stop working.

🌴

Did you know

marketing leaders anticipate spending between 5-25% more on ads just reach prior performance benchmarks?

However!!! You run an e-commerce website, you give out coupons and loyalty points all the time, what if you could use those to incentivize users to just say yes?

They clicked thru to get the coupon, they're going buy something AND you get valuable data you can use to find more customers — pretty slick. Enough talk, how do I do it? (requires no coding 🤯)

Assuming if you're reading this, you've already got Wordpress with Woocommerce setup and know how to add a plugin.

So, step 1. Download the plugin zip and just upload.

After uploading, open the plugin settings by navigating to Marketing -> TIKI in the admin menu.

Configure the plugin

1. Create a free TIKI account by logging into our console.
2. Create a new project
3. Open the new project, and click the + button next to Private Keys to generate a new Id and Secret.
   Note: don't close the window, you're going to need to copy and paste these into Wordpress in a minute.
4. Go back to the plugin settings and under the General tab, copy and paste the Private Key ID and Private Key Secret.
5. Open back up the project in the TIKI console, copy the text labeled "Publishing ID", and paste that into it's corresponding field in Wordpress.

Add styling to fit your look & feel

Under the General tab of the plugin settings, you can configure the look of the banner to match your site's colors and font.

Colors

• Primary Text Color defaults to #1C0000,
• Secondary Text Color - defaults to #991C0000 (60% alpha)
• Primary Background Color - defaults to #FFFFFF
• Secondary Background Color - defaults to #F6F6F6
• Accent Color - defaults to #00b272

Font

Before using a custom font family make sure to set it with @fontface using CSS.

• Font Family - defaults to "Space Grotesk"

Design your offer

First select either the Coupons or Loyalty tab, depending on the reward you wish to provide to configure the offer. Then just fill out the offer parameters, it's really that simple.

Coupons

• Enable discount coupons: enable/disable the offer.
• Discount Type: The WooCommerce Coupon type.
• Discount Value: The numeric value of the discount. It can be a percentage or a fixed value, depending on the discount type. Accepts up to 2 decimal numbers.

• Description: A short, user-friendly text description of the Offer. We recommend including details like the type of data the user is trading and participation requirements (like 10% off your next purchase of $10 or more).
• Offer Image: A 300x86 resolution image that explains the offer. We've elected to make this portion of the UI an image; so you can get as fancy/detailed as you'd like. We strongly recommend the image to be compelling, easy to understand, and focused on the incentive for the user to participate (we often call it the reward image). The image always goes hand in hand with the text Description (like a caption), so avoid over crowding it with too much text.
• Offer Use Case 1, 2 and 3: These bullets explain to the user how their data will or will NOT be used. When creating your bullets, it's important to use terminology users are familiar with. Technical terms like attribution, can lead to confusion and affect opt-in rates.
• Offer terms: The terms and conditions for the offer. It should be a URL to a plain text (or markdown) file containing the legal conditions. If you already have a cookie policy document, use that! If not, or you want to get real specific, we provide guides on drafting a User Data License Agreement, which you can easily combine with any cookie policy.

Loyalty Points

Okay, so when I said no-code, that's not 100% accurate. If you want to use loyalty points, you'll need some technical expertise. We're working on a native integration with Woocommerce Points and Rewards but it's not quite ready yet.

To integrate reward points with your specific plugin, retrieve the points from the user_metadata table with the following code snippet.

function tiki_get_reward_points( $user_id ) {
    $tiki_points = get_user_meta( 'tiki_woocommerce_loyalty_points', true );
    // use the points
}

• Enable loyalty points: enable/disable the offer.
• Reward points: The number of point to be added. Should be a positive integer value.

• Description: A short, user-friendly text description of the Offer. We recommend including details like the type of data the user is trading and participation requirements (like +10pts for participation more).
• Offer Image: A 300x86 resolution image that explains the offer. We've elected to make this portion of the UI an image; so you can get as fancy/detailed as you'd like. We strongly recommend the image to be compelling, easy to understand, and focused on the incentive for the user to participate (we often call it the reward image). The image always goes hand in hand with the text Description (like a caption), so avoid over crowding it with too much text.
• Offer Use Case 1, 2 and 3: These bullets explain to the user how their data will or will NOT be used. When creating your bullets, it's important to use terminology users are familiar with. Technical terms like attribution, can lead to confusion and affect opt-in rates.
• Offer terms: The terms and conditions for the offer. It should be a URL to a plain text (or markdown) file containing the legal conditions. If you already have a cookie policy document, use that! If not, or you want to get real specific, we provide guides on drafting a User Data License Agreement, which you can easily combine with any cookie policy.

Cookie Configuration

At TIKI, we specialize on the use of zero-party data, specifically where it creates you money —in this example, better ad performance. We are not a cookie consent manage platform (aka CMP), there are tons of them out there and if you're reading this, you already have something handling your banners.

Instead of reinventing the wheel, we integrate. We selected CookieYes as our first integration, they support the largest number of websites (+1.5 million) and have a free version you can use.

Instead of the default banner, TIKI's banner is first displayed. If the user accepts the offer, our plugin informs Cookie Yes to unblock all cookies. If the user declines, the Cookie Yes banner is then shown, allowing the user to select which cookies they wish to allow.

To enable Cookie Yes integration, just check the box.

That's it. Now go make some money 🍹.

Love the integration but found the instructions hard to follow? Have a specific Loyalty or Cookie plugin you'd love to see integrated? We're here to help!

👾 Pop into our Discord

📅 Chat with Mike