Church Connect Page Card
A Page Card allows you to create a page to display text, embed images and videos, or provide links to other content for your guests and members.
Use Cases
A good rule of thumb for whether or not to add a page card is: If you want to add information, but it's too lengthy for an Expandable Card, it's probably best to put it on a Page Card.
Here are some ways we've seen churches use this card:
- Displaying their church's mission statement
- Announcing service time(s) and location(s)
- Creating a page with info about each ministry or program
- Daily devotional
- Posting sermon notes
- Creating an online prayer wall
Creating a Page Card
Beyond customizing the look of the card with the "Edit Card" option, you can also edit the content of the page itself by selecting the "Edit Page Content" button.
The content editor supports both plain text and rich HTML. Some great examples of HTML include:
- Embedding Google maps
- Youtube videos
- Iframes
- Picture albums
Templates
With the new customization features available in the "Page Setup" tab, you can also create a Page Card Header (or Hero) and Body section(s). You can choose from a curated list of templates, or create your own with custom fonts, text, and background options.
Step 1: Select "Edit Page Content"
First, choose the Page Card you want to customize. Then, select the "Edit Page Content" button to open the card editor.
Step 2: Add a Hero or Body Section
Next, you can select either the Header (or Hero) or a Body Section(s) of the card to edit. Select "Add Content" to choose from the available templates or create your own custom design.
Step 3: Content Editor
In the content editor, you can format headings and paragraphs, adjust text settings (like bold, italics, alignment, and font), and configure your layout as needed.
Existing Page Cards
To edit it, copy the content and paste it into the code editor by selecting the keyboard icon in the toolbar.
Then, select the code view icon.
From there, you can paste your content into the code editor (black screen).
Pro Tips
Obtain the embed URL from Google by selecting the "Share" button on the Google Map location and selecting "Embed a map".
You will then paste the URL provided by Google into your Page Card code view. This will embed the Google Map location into your Page Card. When embedding the Google Map url, we recommend changing the width and height of the card to 100%. This will make the Google Map responsive, causing it to adjust its size automatically to whatever device is viewing it.
Obtain the embed URL from Youtube by clicking the "Share" button below the video you want to add, then select the "Embed" button.
You will then paste the URL provided by Youtube into your Page Card code view. This will embed the video into your Page Card.