There are a few different styles of Header Blocks you can choose from, click on the Add a New Block button > Select the desired Header to add it.
Every Header Block includes a few options that you can setup with a few clicks. Let's get into the structure:
The structure will be different for each style, but every Header will have a Background, and a Content Tab. We will cover the additional tabs further in the article.
Clicking on one of the options will collapse its settings.
You can set a background to be a: Solid Color, Image, Video, YouTube Video, or a Slider.
Also there is an option to give add an overlay to the Header:
Which has additional settings when selected:
In case you decide to have a video header, ALL the file formats below need to be added along with a video in order for it to play on all devices. Recommended this feature be configured for you via Express Setup.
As for the sliders, you will need to add the images you want for the slider.
You can also additionally show/hide navigation arrows or dots within the slider, enable/disable fade effect of the transition, and as well the slide transition/duration.
Note: 1000 milliseconds = 1 second
Next option would be the Content - which is the title and the text that goes into the Header Block. This can be customized as in a standard WordPress text editor, you can also set the color of the title/text, and block size to default or full screen.
Additional Options based on Header Styles
On the very beginning of the article, it was mentioned the each Header Style shares a common thing. That is Background, and Content Tab. However, there are few additional options you may encounter depending which Header Style you opted in to go with.
Scroll below to find the Additional Tab your Header contains.
One of the options would be to display your phone number.
If you don't want this feature enabled in your Header Block, simply click on the first button "Enable Phone Number"
You can also place a short text, enter the actual phone number, and set a different color for it.
If you have ordered a Click Map Power Up, this feature is usually built by a designer, and will be set up for you. This feature does not require any interaction, but in case you want to, you can enable/disable it with one click.
You can enable/disable a quick search to your Header Block. To do so, click on the Enable Quick Search button, and you can set the position of it.
Note: This is usually configured during the IDX ordering. For further customization of the quick search visit Showcase's video tutorials page and scroll down to the Using Shortcode Widgets video.
You can have up to 3 buttons in the Header Block and where they lead. By default, you will have 1 button enabled, but it can be disabled by clicking on the yes/no button under Enable Buttons.
Note: Buttons with empty fields are not shown!
Call to Action (Button)
You can customize the Text, Link, Button Color, and Hover Color for your CTA Button.
If your Header Style has an Area Slider, you can include your Area Guides by typing the area name in the field you previously created using the Area Guides plugin to feature it.
Note: All areas will be featured by default.
Further Education about the Spark Editor and Spark Pages:
- Spark Editor: Getting familiar with the basics
- Spark Editor: Blocks - Areas
- Spark Editor: Blocks - About
- Spark Editor: Blocks - Call To Action
- Spark Editor: Blocks - Content
- Spark Editor: Blocks - Service
- Spark Editor: Blocks - Brag
- Spark Editor: Blocks - Testimonials
- Spark Editor: Blocks - Blog
- Spark Editor: Blocks - Team Members
- Spark Editor: Blocks - Forms
- Spark Editor: Blocks - Listing
- Spark Editor: Blocks - Instafeed
- Spark Editor: Layouts