How to Add “Free Shipping on…” before Header – GeneratePress

Today a friend asked me how to add “Free Shipping on All Orders” to before Header. She uses GeneratePress and GP Premium.
So I have written this step-by-step guide!

Step 1. Install GP Premium

First, you need to install GP Premium – Great Addons for GeneratePress Theme. It costs $49, so cheap with many features!

Step 2. Activate Elements Module

Appearance > GeneratePress > At Elements, click Activate

active-elements-element-generatepress-min

Step 3. Create “Free Shipping On All Orders”

First, go to Appearance > Elements > Add New

create-elements-generatepress-min

Select Hook

create-elements-generatepress-2-min

Fill the information, use this HTML (Line 01-05)

create-elements-generatepress-3-min

and Display Rules. Then click Publish

display-rules-generatepress1-min

Step 4. Style

You need to style for this text. Use CSS (Line 07-18). Change background, color, size,…to what you want 🙂

Insert into Appearance > Customize > Custom CSS (or Additional CSS)

create-elements-generatepress-5-min

 

Share this post:

Leave a Comment