What is Bentomatic?

This functionality is available to responsive Bento sites only.  Click here to learn more about responsive Bento sites

Bentomatic is a standalone Bento page that can be packaged and distributed to responsive station sites. A Bentomatic page is created just like any other Bento page but it can be picked up by any responsive Bento site to which it has been assigned permissions. Bentomatic adds content to your website with very little effort from you. Additionally, your content can potentially be shared with a wide audience when created as a Bentomatic page. All existing Bento elements such as components can be used to build a Bentomatic page.

There are four different things you can do with Bentomatic:

  1. Create a Bentomatic page
  2. Save a Bentomatic page to the Bentomatic library
  3. Add a Bentomatic page to your responsive Bento site
  4. Customize Bentomatic variables

Some Bentomatic facts

  • When a Bentomatic page is modified, the changes surface wherever the Bentomatic component surfaces.
  • Additional content can be added to the page that holds the Bentomatic component without affecting the Bentomatic content.
  • Any Bento component can be used with Bentomatic.
  • Bentomatic pages can be shared with any responsive Bento site.
  • Bentomatic pages can be distributed to an unlimited number of destinations.
  • There is no limit to the number of times a Bentomatic page can be shared.
  • Custom content can be added to Bentomatic pages that allow it.

 

 View some live examples

Unable to render {include} The included page could not be found.

A real life scenario

Thanksgiving is fast approaching and the PBS Food team has built a Bento page containing all kinds of great Thanksgiving Day recipes. PBS Food has saved the page as a Bentomatic component called PBS Thanksgiving Recipes. Your station wants to share Thanksgiving day recipes with your audience so you create a page and add the PBS Thanksgiving Recipes content simply by adding the Bentomatic component. All of the content from the PBS Thanksgiving Recipes Bentomatic page appears on your Bento site, along with any other unique content that you have added to the page. All of your site's branding (ie: header, footer, right rail, etc) is retained and displays on the page.

Congratulations!  You have just added content to your site with just a few simple clicks.

How to create a Bentomatic page

Creating a Bentomatic page most often means that you are creating a page with content that you want to share with other sites. This section demonstrates how to create a Bentomatic page.

  • From the main Bento admin tool homepage, to the right of your Master page, click the green plus sign ) to add a new page (Figure 1).

Figure 1


  • Type a title for your new page (Figure 2.1). The slug field auto-populates and English is automatically selected as the default language. Click the Template dropdown menu and click Inherit the template of the nearest ancestor.
  • Click Save and continue editing (Figure 2.2).

 Figure 2


  • The page has saved successfully (Figure 3.1).
  • Be sure to click the checkbox in the Published column to publish this page (Figure 3.2).

Figure 3


  • In the Page Content section, click the Available Components dropdown menu and click Custom Components to select a custom component or click the component you want to add (Figure 4.1). 
  • Click Add Component (Figure 4.2).

You can use any Bento component with Bentomatic.

Figure 4

  • After you have included all content, click Preview Site in the upper right side of the screen to preview the page in a browser (Figure 5).

 Figure 5


  • Your Bentomatic page is finished and contains only the content you added (Figure 6). There are no navigation elements; the Bentomatic page inherits elements from the website on which it is implemented.

 Figure 6

How to add your page to the Bentomatic repository

Now that your Bentomatic page is complete, you can add it to the Bentomatic repository where it can be accessed by the sites that you allow. This section demonstrates how to add your page to the repository and how to allow other sites to access it.

  • From the main Bento admin tool homepage, in the Lunchbox section, click Bentomatic Pages (Figure 1.1) to view all available Bentomatic pages.

To save time, you can click Add to the right of Bentomatic Pages (Figure 1.2).

Figure 1


  • In the upper right hand side of the page, click Add Bentomatic Page (Figure 2).

Figure 2

  • In the Title textbox type the title of your Bentomatic page. This will be the title that users search for when they are looking for your Bentomatic page to implement on their site (Figure 3.1).
  • Click the first Page dropdown menu and click the site on which the Bentomatic page was created (Figure 3.2). 
  • Click the second Page dropdown menu and click the name of the Bentomatic file you created (Figure 3.3).
  • Click the Content dropdown menu and click the page section in which the Bentomatic content was added (Figure 3.4).
  • In the Available Sites Assigned selectbox, click the sites to which you want your Bentomatic page available and click the right facing arrow to move the sites to the Chosen sites assigned selectbox (Figure 3.5).  (info) Hold your shift or Ctrl key to select more than one site. If you want to remove a site, highlight the site in the Chosen sites selectbox and click the left facing arrow.
  • When finished, click Save (Figure 3.6).

Figure 3

How to add a Bentomatic component to your site

This section demonstrates how to add to your Bento site, a Bentomatic component that was created by someone else.

Bentomatic components can be added to responsive Bento sites only.

  • From the main Bento administration dashboard, click Pages (Figure 1).

Figure 1


  • Be sure you are on a site to which the Bentomatic component has been given access (Figure 2.1). If you need to request access, please file a ticket.
  • Click the green plus sign ) to add a page to your site (Figure 2.2). This is the page that will hold the Bentomatic component. 

Your site has to be given permission to use Bentomatic components. If you cannot find the Bentomatic component you want to use, check if the Bentomatic component is assigned to your site. To request access to a Bentomatic, please file a ticket.

Figure 2 

  • Type a title for your new page (Figure 2.1). The slug field auto-populates, English is automatically selected as the default language, and Inherit the template of the nearest ancestor must be selected from the Template dropdown menu.
  • Click Save and continue editing (Figure 2.2).

 Figure 3

  • In the Page Content section, click the Available Components dropdown menu and click Bentomatic (Figure 4.1).
  • Click Add Component (Figure 4.2).

 Figure 4

  • Click the Bentomatic dropdown menu and click the Bentomatic page that you want to include on your site (Figure 5.1).
  • A tool tip informs you to save the page before customizing the components included in the Bentomatic page (Figure 5.2).
  • Click Save (Figure 5.3).

Figure 5


  • Click Preview site in the upper right corner to view your Bentomatic component in a browser. 

How to customize Bentomatic variables

You do not have to use a Bentomatic page in its exact original form. You can modify all components in the Bentomatic page to include content that is relevant to your specific station or site. These changes can be made through the Bentomatic component that you have added to a page on your site.

Only custom components can be changed.

  • Open the page that holds the Bentomatic component and click the  Bentomatic component to open it (Figure 1).

Figure 1

 

  • All components included in the Bentomatic page display (Figure 2). Click the component you want to change.

Figure 2

  • The component that is being modified is highlighted in blue (Figure 3.1). All fields within a component can be modified.

In this example we are modifying the first item of the Explorer Custom Promo component so we will click the right facing arrow to expand and expose the variables (Figure 3.2).

Figure 3 

  • Click the blue Choose button to open the library and select a different video (Figure 4.1).
  • If you want to add a custom image, click the blue Choose button in the Image textbox (Figure 4.2).

Figure 4

  • Use the search features at the top of the popup to search for the content you want to include (Figure 5.1).
  • If there are enough results, use the Newer and Older buttons to scroll through results (Figure 5.2).
  • Click the radio button next to the video you want to add (Figure 5.3).
  • Click Add Selected (Figure 5.4).

Figure 5

  • After you make your changes and click Save, you are prompted to confirm that you want to commit the changes (Figure 6). Click OK to confirm or Cancel to cancel the change and keep the old object.

Figure 6

  • When you are finished, you can click one of the following options (Figure 7.1): 
    • Revert to original Bentomatic to delete your changes and restore original Bentomatic settings
    • Cancel changes to cancel this set of changes but preserve any previous changes you had made to the page before the last save
    • Save Changes to save your changes
  • Click Save to save the entire page (Figure 7.2).

Be sure to save the component before saving the entire Bentomatic page. If you try to save the entire page before the component you will be prompted with an alert.

Figure 7

  • Click View on site in the upper right side of the page to view your changes in a browser (Figure 4).

Figure 8

Bentomatic FAQ

Can I add content between items on a Bentomatic page?

No. You can add content above and below the Bentomatic component but you cannot insert content between items that are contained within the Bentomatic component. You can rearrange items within a Bentomatic page but the items cannot be separated by other custom content.

Can I change the Google Analytics code in a Bentomatic component?

No. You should not modify the Google Analytics component that comes with the Bentomatic page. You should already have your own code in the Explorer Google Analytics in the First in Head section.

Can all Bentomatic pages be customized?

No. Not all Bentomatic pages can be customized. The SPI team will send emails out informing you which can be edited and which cannot. 

Can I rearrange items within a Bentomatic page?

Yes. Content in components can be rearranged inside the Bentomatic page.

Can I create national Bentomatic pages to be shared?

Yes. Contact your SPI representative to discuss.

Can I create a Bentomatic page?

Yes. Learn how