How do I edit my Slimline Action Bar?

Select Colours

  • Use https://coolors.co to pick a colour that is complementary but contrasting to your brand colours. Select the Hex Code Colour for your selected colour e.g. #FF0000.
  • We strongly recommend against using your main brand colour as the Action Bar will not stand out on the site.
  • If you don’t have the codes for your brand colours, you can use a tool like Colourzilla (Chrome) to give you the codes from your website.

Edit in CMS

  • Under the Data Sets Module, select the ACTION BAR Data Set. Select the title.
  • CATEGORIES – this is how you will manage which Action Bar appears on which page on your site. In the example above, we have Wedding and Home. On the Page set up, you will select the relevant category to show the relevant Action Bar (see below)
  • ITEMS – this is for the Action Bar Content – select the Action Bar you want to Edit or ADD NEW ITEM to create a new Action Bar.
    • PUBLIC – Green Tick, this version will be live if active on any page. Red X, this version will not be live, even if selected on any page.
    • TITLE – Name of Rateplan / Offer – Internal only, doesn’t show on front end
    • URL – you can leave this blank, it will self-populate when saved from the Title
    • META TITLE, META DESCRIPTION & CANONICAL TAG – this is not required for the Action Bar.
    • CATEGORY – Select depending on which page you would like the Action Bar to show.
    • TYPE: select if you would like to use the timer or not – will add text ENDING IN: XXX DAYS
    • TEXT – Text to display on front end, desktop only
    • TEXT (MOBILE) – main line of text on mobile Action Bar – this may require less text than desktop
    • CTA TEXT – text on button
    • CTA LINK – link to the offer / relevant page
    • BACKGROUND COLOUR – colour for background, as chosen above
    • TEXT COLOUR – colour for text in main section of Action Bar – can be changed to work with Background Colour.
      • White: #ffffff,
      • Black #000000
    • DATE: expiration date of offer to populate EXPIRES IN: XXX DAYS. If ACTION BAR WITH TIMER is not selected in TYPE, this will not show.

 

  • Ensure that only 1 ITEM is Public. This option will also allow you to turn off Action Bar when not required.
  • On Page that you want to add the Action Bar, go to DATA SETS. Under the Action Bar Dataset select the Action Bar option in first box and required category in the 2nd
  • Save Changes
  • View on Front End & make any required changes to colour, text etc.
  • View on Mobile to ensure you’re happy with how it looks here also.
  • Email Net Affinity to let them know that new Action Bar is live, to make a note of date to record impact on bookings.