how to add hello bar in your site or blog? - webnots...generate code and add in the header section...

27
How to install Hello Bar in Your Website? www.webnots.com

Upload: others

Post on 09-Jul-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

How to install Hello Bar in Your Website?

www.webnots.com

Page 2: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Open hellobar.com in your browser

Enter Your Site URL

Click on “Create Your First Bar” button

Page 3: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Select Your Goal - Drive Traffic or Collect Email.

Page 4: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Define URL to open when clicked on the

Hello bar button

Page 5: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Add URLs on which Hello bar is to be shown

or not shown

Page 6: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Enter bar text

Customize bar color to suit your site layout

Enter button text to be displayed

Page 7: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Edit your Goal URL anytime later

Page 8: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Instant preview of your Hello bar

Customize look & feel of the bar

Message showing the bar will be displayed on every

page of your site

Page 9: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Adjust Bar size, font, link style and border

Adjust positioning of your bar

Open link in new window or same window

Page 10: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Fill the form to create your account

Page 11: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Choose this option to generate code for all platforms other than

WordPress

Page 12: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Copy and paste the code in header section of your

site or page

Page 13: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Download and install the plugin for WordPress

Page 14: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Create email with your Hello bar code to send to the administrator

of your site.

Page 15: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Your Hello bar will start displaying once you

publish your site

Page 16: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Analytics of clicks

Login to your account

Creating new bar

Page 17: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Pause or Resume the display of bar in your site

Create separate bar for mobile devices

Page 18: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Customize Hello bar for mobile devices

Page 19: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Add New Site

Page 20: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Choose You Goal as “Collect Email”

Page 21: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Choose email or email+name option

Page 22: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Customize Hello bar for collecting emails

Generate code and add in the header section of your site

Page 23: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Click to view subscribers

Sync subscribers with MailChimp, AWeber or

Campaign Monitor

Page 24: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Choose option to sync your collected emails, for

example MailChimp

Page 25: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Login to MailChimp account to authorize connecting

Hello bar account

Page 26: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

Choose email or email+name option

Click on your email id and then cancel my account

Cancel or Update Account

Change email or password

Page 27: How to Add Hello Bar in Your Site or Blog? - WebNots...Generate code and add in the header section of your site Click to view subscribers Sync subscribers with MailChimp, AWeber or

www.webnots.com