Creating an Editable Site Ribbon in Builder
You can use a section model to have a single Builder section across pages, for example a site-wide ribbon (sometimes called an "announcement bar" - a message that displays at the top of every page on a site).
Then give your section a name, e.g. “ribbon”
Then, let’s give this an editing URL. This is what Builder will open in the Visual Editor to edit your ribbon, so this just needs to be any URL this Builder section will display on. In our case, since this section will be site-wide, we can just enter our homepage URL (e.g. https://our-site.com)
Note - when first integrating the code you may want to make the editing URL a local one, like
http://localhost:8080. That way you can add the section to your local site and test out the full flow
Then, add the section code to the top of your site.
Now, let's create a ribbon. Go over to builder.io/content and choose “+ new entry” and choose “ribbon”
Then, you should see your site in the preview with a big “+ add block” at the top - drag and drop content in and publish!
If you run into any issues or have any questions - don’t hesitate to ask over in our forum!