How To Add Buttons, Cards, And Tables To Guides And Landing Pages

Summary

Adding tables, cards, and buttons to your Guides and Landing Pages to streamline navigation and content are an excellent way to customize your content.

Who?

Users with the Creator or Manager permission can customize guides and landing pages.

Why?

Cards and buttons assist with page navigation, call-to-action tasks, and redirects within guides and landing pages. Cards have image, title, and description allowing for a more branded experience, whereas buttons are a more common and low-key option. Tables allow for an easy to read and navigate content distribution within guides and landing pages.

How?

Adding A CardScreenshot 2024-11-19 at 3.39.59 PM.png

  1. Select the button to add a card to your page. 
  2. In the Widget tab of the righthand sidebar, click Select or Upload to add an image to appear on the card.
    • The recommended aspect ratio 16:1.
      Note: Only image file types are supported to add to the card widget. 
  3. Type in the title and description of the card.
  4. Customize the color of the card copy.
  5. Adjust the width and alignment of the cards.
    • Any changes you make will apply to all cards within the selected widget. 

  1. Click the ＋ button at the bottom of the right sidebar to add multiple cards within the card section.
    • You can add up to 10 cards per widget.
  2. Select a card and click the ➖ button at the bottom of the right sidebar to remove the selected card.

Adding A Button

  1. Select the button to add a button to your page.

  2.  In the Widget tab of the right sidebar, you can customize the button's shape, type, size, and colors. 

  3. Add the URL for the button to redirect too.

Adding And Editing A Table

  1. Select the Guide or Landing Page where you want to add the table.
  2. Click the Edit button.
  3. From the Section portion select the Text option. 
    • There is a table option, but this is being phased out. 
  4. On the righthand side of the screen the Text options will appear, from the Insert section users can insert a table. The table will populate in the section selected in the guide or landing page.  Screenshot 2025-08-22 at 11.23.16.png
  5. Now that a basic table has been added users can click on the table and update the rows, columns, and other customization options. 

Removing A Table

  1. Hover over the table and click the remove_brand_color.png icon to remove the table.
  2. Read the warning message carefully and click Delete to remove the column permanently.

Note: This action cannot be undone.

 

Table Limitations

  • You cannot apply different styles to a table.
  • The maximum number of columns for a table is 10.
  • The maximum number of rows for a table is 100.

Related Articles

How To Add Text In Guides And Landing Pages

How To Create a Landing Page

Level: Beginner

Beginner-level articles are for everyone, these articles do not assume any prior Bynder knowledge. These articles are a great place to start your Bynder Journey.

Updated