Hub Editor

Get up to speed on all aspects of the Hub Editor so you can build killer promotions in no time.

Contents:

What is it?

The Hub Editor gives you the ability to create Cards on pages, customise the overall look and feel and edit page-specific settings.

 

Watch it come to life

Coming soon!

 

How do I use it?

 

Styling

 

Step 1: Open Styling

CleanShot 2024-06-26 at 14.07.01@2x-1

  • (1) Within Editor, click on the Styling tab.

 

Step 2: Add a Background

CleanShot 2024-06-26 at 14.10.57@2x

  • (1) You can have a solid colour as your background.
  • (2) Upload a background image here.
  • (3) Here you can add a colour overlay to your background image.

The background will update as below.

CleanShot 2024-06-26 at 14.15.29@2x

 

Step 3: Edit the Header

CleanShot 2024-06-26 at 14.19.12@2x

  • (1) You can upload your logo to sit on the header bar or toggle this option off.
  • (2) Alter the header bar colours here.
  • (3) If you prefer not to have the header bar visible, you can toggle off this feature here.

The header will update as below.

CleanShot 2024-06-26 at 14.22.32@2x

 

Step 4: Upload a Cover image

CleanShot 2024-06-26 at 14.26.12@2x

  • (1) Here you can upload an image that will sit at the top of the Hub.
  • (2) You have the option to toggle off this feature here.

Tip: You can upload a transparent PNG image to create a 'floating' effect.

The cover image will update as below.

CleanShot 2024-06-26 at 14.27.33@2x

 

Step 5: Set up your Footer settings

CleanShot 2024-06-26 at 17.12.42@2x

  • (1) Upload your logo here or (2) you can disable the logo here.
  • (3) Change the footer background colour and text colour.
  • (4) Here is where you'll input a brief description of the hub or your company.
  • (5) Clicking on the edit icon, you can paste all your social links or (6) turn this option off here.

The footer will update as below.

2-Jun-26-2024-07-16-24-9097-AM

 

Step 6: Set your Button colours

CleanShot 2024-06-26 at 14.35.52@2x

  • (1) Here is where you can alter the colour of the call-to-action bar.

Tip: We recommend setting this up prior to creating your cards as once this is changed, all content added to the Hub will have these settings. You will also be able to change the call-to-action bar colours at the card level.

The button colours will update as below.

CleanShot 2024-06-26 at 14.37.46@2x

 

Cards

 

Step 1: Open Cards

CleanShot 2024-06-26 at 16.32.29@2x

  • (1) Within Editor, click on the Cards tab.

 

Step 2: Add Cards

CleanShot 2024-06-26 at 16.31.49@2x

  • Add cards by selecting (1) + Add card,  (2) +, or (3) + (only displays after the first card is created).

CleanShot 2024-06-26 at 16.40.12@2x

  • (A) Here, you can access a range of cards that can be created From Scratch. As the name suggests, this involves manually working through various steps to set up your card.
  • (B) From Existing allows you to import previously created cards from the Content Card repository into this page. This saves set up time and allows you to create a card once and reuse across multiple pages.
  • (C) From Templates allows you to import Card templates that can then be tweaked to your various needs.
  • (D) Here you can search the name of the Card you're looking to import.
  • (E) Here, you can scroll through all available Cards, including Games, Media, and Embeds and select the option you wish to create.

Notes: For comprehensive instructions on the creation of all available Cards, please access detailed articles here.

 

Step 3: Reorder Cards

CleanShot 2024-06-26 at 16.45.41

  • Reorder cards as you wish by hovering your mouse over the left-hand side of the Card tab, clicking the 6 dots and then dragging to the desired position.
  • You will now notice that the Card order on the page has been updated.

 

Page Settings

 

Step 1: Open Page settings

CleanShot 2024-06-27 at 12.58.40@2x

  • (1) Within Editor, select the Page settings tab.

 

Step 2: Set Page details

CleanShot 2024-06-27 at 12.58.26@2x

  • (1) Here you can edit your Page Name if desired.

 

Step 3: Edit SEO settings

CleanShot 2024-06-27 at 12.58.23@2x

  • (1) Here you can view and edit all SEO details for your page.
  • (2) If you wish to change any details, click Edit.

CleanShot 2024-06-26 at 15.38.14@2x

  • (A) Here you can edit your Title so that it is an optimal length for SEO purposes.
  • (B) Edit the page Description to provide a brief outline of the page for viewing in search engines.
  • (C) Upload a Favicon that will be displayed alongside the page listing in search engines. This is usually your brand logo or icon.
  • (D) Be sure to Preview your SEO settings to ensure you're satisfied with how they will appear publically.
  • (E) Click Update to confirm the settings.
  • (3) Select whether you would like Indexing enabled or not. Indexing determines whether the page is visible within search engines.

 

Step 4: Update Search and Sharing settings

CleanShot 2024-06-27 at 12.57.09@2x

  • (1) Here you verify page ownership in Google Search Console by pasting in the Verification HTML tag content.
  • (2) You can upload a Sharing Image which is the image that will be displayed when sharing the page on social media platforms.

 

One last note: 

At Komo, we pride ourselves on not only the results our clients achieve with us but the service they receive whilst bringing their Hub's to life. 

If you ever have any questions about an upcoming activation, how you can best utilise Komo to get the best possible outcome, or just a general query, please don't hesitate to reach out to your Customer Success Specialist or email us at support@komo.tech

 

We also love your feedback, so please let us know if this article helped you by selecting from the options below. 

 

Louis Docherty 

Head of Customer Success