Learning the visual editor
Responsive design tricks
Saving layers as templates
Importing your site pages
Connecting custom data
Interactive pages with state and actions
Creating reusable components with Symbols
Targeting and scheduling content
Building custom forms
SEO optimizing Builder.io content
Creating custom models
Using custom fields
Enable on-site previewing and editing
Dynamic URLs and advanced data fetching
Adding Custom Code
Using 3rd party libraries
Extending Builder.io with plugins
Using your React components in Builder
Triggering custom actions
Ruby on rails
Learn how to use target and schedule content in Builder.io with the short video below!
Targeting and scheduling content is useful if you have a live page or draft that you want to make more versions of. You can set your pages to go live at future dates and times automatically or make specific pages for different types of visitors, devices, or locations. Below we will go over:
To duplicated an existing page, click the three dots in the upper right hand corner and select duplicate. Once you create changes to this new home page and publish it, it will replace your old home page as the live page.
If you don’t want your page to go live right away, you can choose a date and time you would like it to go live at the top of the editor. Once you have a date and time selected, you can publish your page. It won’t go live until the date and time you selected occurs. If this is a page that you only want up for a certain time period, you can also give your page an end date. Once this time period is over, your default homepage will be displayed.
Page priority & rearranging
Builder lists your pages by priority. Below you will see our three home pages. Builder will go through these pages to see which one should be displayed. Since our two new home pages have a future date and time set, Builder will display our default home page for now. It’s always good to have a default page in case there is a laps in time. You can rearrange the page priorities. Now, whichever home page you have on top will override the pages below it, unless you add an end date. To make it easier to view certain versions of your pages, you can use the filter at the top and filter by url path.
Now we will add some targeting. You can add targeting for different things. For example, you could add targeting for mobile devices if you want a different version of a page when a user is on a mobile device. You don’t need to add targeting if you only want to change styling, you can do this on the original page. Targeting is great if you want a totally different layout/content for a page.
Lastly, you can make customized targets on most of the paid plans. If you click “custom targeting” in the targets tab, you can create your customized target here. Once you save your custom target, you can go back to your page and start targeting off of this as well. This is useful if you want different page views based on if a user is logged in, a certain locale is met, etc.