How to Add a Button to a Zibster Blog Post
Overview
You can add a Button Block to a Zibster blog post to give readers a clear next step after reading your content. Buttons can link visitors to a page on your website, a form, your Scheduler, an external website, an email address, a file, and other supported destinations.
You can place a button anywhere within your blog post and customize its text and destination at any time. This guide walks you through adding a Button Block, choosing where it links, saving your changes, and testing the button on your live blog post.
STEP ONE
Log in to your Zibster account and click BLOG in the left-side menu.
This opens your Blog control panel, where you can create new blog posts or edit existing posts.
STEP TWO
Click the title of the blog post you want to update, or create a new blog post if you are starting from scratch. If you have many blog posts, use the search bar to locate the blog post you want to edit.
This opens the Blog Post Editor.
STEP THREE
Find the Button Block in the blog editor tools on the right side. Click or drag the Button Block into the location where you want the button to appear within your blog post.
You can place the button at the end of your post, between sections, or anywhere you want to give readers a clear call to action.
STEP FOUR
Click CLICK TO ADD BUTTON TEXT inside the Button Block.
The button settings open in the right-side panel, where you can customize the button text and destination.
FINAL STEP
Enter the text you want visitors to see on the button. Then use the Link To dropdown menu to select where the button should send visitors and complete the settings for that destination.
Click SAVE CHANGES when you are finished.
After saving, view your blog post and click the button to confirm that it opens the correct page, form, website, or other destination.
Button Link Options
The Link To dropdown menu determines what happens when a visitor clicks your button. Available options include:
- External Link — Link to a page or website outside of your Zibster website.
- Page — Link to an existing page on your website. You can also link directly to a specific block on that page when available.
- Form — Link visitors to one of your Zibster forms.
- Marketing — Link to supported content available through your Zibster Marketing tools.
- File — Link visitors to a file.
- Phone — Create a clickable phone number link.
- Email — Create a link that allows visitors to contact an email address.
- Address — Link the button to a physical address.
- Video — Link the button to video content.
- Pop-Ups — Link the button to an available Pop-Up.
The additional settings displayed in the right-side panel depend on the link type you select.
Button Text Tips
Use short, descriptive button text that tells readers what will happen when they click.
Good call-to-action examples include:
- Book Your Session
- Get In Touch
- View Mood Boards
- Learn More
- Contact Me
- View Pricing
Descriptive button text is easier for visitors to understand and is more useful than generic wording such as Click Here.
What Your Button Looks Like on Your Blog
After you save your changes, the Button Block appears as part of your blog post content.
For example, a contact call-to-action could display as:
Get In Touch Today
Always test your button after saving to confirm that it opens the intended destination.
Using Buttons with DuoBuild
The Blog Post Editor supports DuoBuild, which allows supported blocks to snap together into a two-column layout.
To use DuoBuild with a Button Block, drag the Button Block next to another supported block until the two blocks snap into a shared row.
You can use DuoBuild to place two call-to-action buttons next to each other or position a button beside other supported blog content.
DuoBuild can be helpful when you want to create a more structured blog post layout without adding additional sections.
Editing an Existing Button
You can change a Button Block after you add it to your blog post.
Open the blog post in the Blog Post Editor and click the Button Block you want to update. Change the button text, link destination, or other available settings in the right-side panel, then click SAVE CHANGES.
Test the button again after making changes to confirm that the updated destination works correctly.
Deleting a Button
You can remove a Button Block from your blog post at any time.
Mouse over the Button Block and click the pencil icon in the upper-right corner. In the menu that opens, click DELETE.
The DELETE BLOCK panel opens on the right side of the Blog Post Editor. Click yes, delete it to permanently remove the Button Block from your blog post.
Deleting a block cannot be undone. The Button Block and its content cannot be recovered after you confirm the deletion.
Additional Options and Helpful Notes
- Place important call-to-action buttons near the end of a blog post or directly after content related to the action you want readers to take.
- Keep button text short and specific so visitors understand where the button will take them.
- Test external links after saving to make sure the URL was entered correctly.
- If you are linking to an existing Zibster page, form, or other account content, use the appropriate Link To option when available.
- Use the available Button Block styling options and website design settings to keep buttons consistent with the rest of your brand.
- You can return to the Blog Post Editor at any time to change a button's text or link destination.
Troubleshooting and FAQs
Why does my button open the wrong page?
Open the Button Block settings and review the option selected under Link To. Confirm that the correct page, URL, form, or other destination is assigned, then click SAVE CHANGES and test the button again.
Why don't I see the page, form, or Pop-Up I want to use?
Make sure the destination you want to use has already been created in your Zibster account. After creating it, return to the Blog Post Editor and reopen the Button Block settings.
Can I change a button after I add it to a blog post?
Yes. Open the blog post, click the existing Button Block, make your changes in the right-side settings panel, and click SAVE CHANGES.
Where should I place a call-to-action button?
Buttons work especially well after content that naturally leads to the next action. For example, you could place Book Your Session after describing a service or Get In Touch at the end of a post encouraging readers to contact you.
Need Help?
Zibster Support Hours: Monday–Friday, 9am–6pm EST
Phone: 844.353.3412
Channels: Phone, Live Chat, Support Ticket
