Creating and Editing Connect Cards

Cards are the heart of Church Connect, each designed with a specific purpose. This article provides an overview of creating and editing cards, as well as using templates to create branded images for your cards.

• Card Types
• Creating and Editing Cards
• Card Options
• Canva Templates
• Sort Cards

Card Types

Since each card type serves a unique purpose or provides a specific function, we've created additional articles to walk you through each one:

• A Page Card allows you to create a virtual 'webpage' with your own content. You can define what content appears when someone selects your Page card.
• A Link Card creates a clickable hyperlink to a page on another website. You can link to your main website, social media page, etc.
• A Form Card allows you to create a web form to collect information, requests, or spiritual decisions. Form cards work great for even collecting information during your worship services, like guest information and prayer requests.
• A Registration Card creates a clickable registration link for a Public event from your Events screen.
• A Giving Card creates a quick link to access your online giving page.
• A Family Card allows you to capture data from families in your congregation.
• An Attendance Card creates a card that allows a person to mark themselves and family members present.
• A Verse Card allows you to display a daily verse on your Connect page.
• A Quote Card allows you to type a quote or a Bible verse to display on your Connect page. Quote cards are not clickable...they're just there to look good!
• A Gallery Card creates a media gallery for displaying images and more.
• A Video Card adds a video that can be played within the Connect page.
• An Info Card expands to display additional information when selected.

Get Two Websites for the Price of One

You can tailor your Church Connect to meet the needs of both guests and members. Watch our quick Pro Tip video to learn how!

Watch Now ›

 

Creating and Editing Cards

To create a card, select the "Add a Card" button located towards the top of the "Cards" tab.

Then, choose the type of card you want to add.

It's recommended to give your card a descriptive name (up to 40 characters). This is used when identifying which form was submitted (for Form Cards) or when linking to a page.

Editing Cards

When you select a card, you'll see two primary editing areas:

• Edit Card Design: Controls how the card looks, including text, layout, colors, and images
• Setup & Visibility: Controls where the card appears and who can see it

Edit Card Design

Select the "Edit Card Design" button to customize the appearance of your card. From here, you can update:

• Header and Title: If you add a header, it appears in a separate bar at the top of the card. The title appears at the top of the card in a large font.

• Card Content: The card content is the main body text shown below the title.

• Footer: The footer appears below the card content within the main body.

• Card Background

• Text Color and Alignment

• Enable/disable a border around the card

Use the "Preview Card" option to review your changes as you make them.

Card Images

Beyond customizing text and layout, you can also add or select an image to make your card visually stand out.

Step 1: Upload or Select a Card Image

In the slideout menu, select the "Upload or Select a Card Image" button.

Step 2: New Upload vs. Igniter Images

You can choose "New Upload" to add your own image, or "Igniter Images" to choose from a pre-made library.

Editing Images

Once an image is added, you can edit it by selecting "Edit Card" and then "Edit Image."

Options include:

• Rotate clockwise
• Flip vertically or horizontally
• Crop image with aspect ratio to fit card dimensions

After making changes, select "Apply Crop" to save, or "Reset" to revert changes. When finished editing, select "Apply Changes" to return to your card.

Card Setup

Select "Return to Card Setup" to go back to the main card settings.

Once there, choose the "Setup" tab. This is where you control the card’s function and placement.

You will see two main options:

• Go to Page Setup: Customize the contents of a Page Card using body sections and templates.

You can also select the "settings cogwheel" in the top-right corner of the Page Setup screen to edit page options, including:

• Card/Page Name (internal-use name)

• Custom URL path

• Page Title (visible to visitors)

• Page Description

• Edit Cards for This Page: Create or edit cards that appear on secondary pages (pages opened by Page Cards).

Below these options are additional settings:

• Share Page URL & QR Code: Copy the page link or download a QR Code for slides, bulletins, signage, etc.

• Card Name / Page Name: Internal-use name; helps track responses and insert page links (not visible to visitors).

• Card Location: Choose whether this card appears on your "Main Page" or on a "Secondary Page."

Card Visibility

Select the "Visibility" tab to control where the card displays and who can see it.

Show this Card on:

• Show on Web & App: Default option (card shows everywhere)
• Web Only: Card displays only on your Connect website
• App Only: Card displays only in the Connect App

Display options:

• Always Show (or optionally hide after a selected date)
• Show only when a member is logged in
• Show only when a member is not logged in
• Hidden (card does not display anywhere)

Visible to Groups

When selecting "Show only when a member is logged in," an additional option will appear: Visible to Groups: Select Groups.

Select the groups that should be allowed to view this card.

If one or more groups are selected: Only members assigned to those groups will see the card. 

If no groups are selected: The card will be visible to all logged-in members, even if they are not assigned to any group.

This feature makes it easy to create cards for:

• Volunteer teams
• Student ministry groups
• Parent groups
• Leadership/staff
• Any custom group in your People screen

Card Options

For additional customization options, select the Card Section Options button in the Cards section of your website. 

You can customize the background color of your pages (we recommend choosing a lighter color for best readability) and adjust the button color (we suggest using a darker shade for contrast).

Additionally, you can set the maximum container width for larger screens, with the default recommended at 1000px.

Canva Templates

For even further customization options, we recommend using Canva. Canva is an application that allows you to quickly create professional images, much like Photoshop, but easier to learn and free to use. We've created Canva templates in our Canva For Churches Guide to help you.

Sort Cards

You can easily sort cards by selecting the "grid icon" in the lower left corner of each card. Once selected, simply drag and rearrange the cards as needed.