Text and Button Blocks

NextSteps, a powerful digital tool supported by the Jesus Film Project, allows you to create interactive journeys for sharing the gospel and engaging your audience. This guide will walk you through the process of editing card properties and adding interactive blocks to your journey cards.

Understanding Blocks in NextSteps

Blocks are the interactive components that make up your journey cards. They allow you to add various elements such as text, buttons, and other interactive features to engage your audience effectively.

Adding Blocks to Your Card

To add a block to your card:

1. Click on the "Add Block" button within your card editor.
2. A list of available blocks will appear, allowing you to choose the type of block you want to add.

Working with Text Blocks

Text blocks are versatile and can be used for titles, descriptions, or questions. Here's how to add and customize a text block:

1. Select "Text Block" from the list of available blocks.
2. Click on the text field to start typing your content.

Customizing Text Blocks

You can customize your text block in several ways:

• Font and Size: Select from a list of text variants to change the font style and size.
• Color: Adjust the text color to match your design preferences.
• Position: Choose the most appropriate position for your text within the card.

To add emphasis:

1. Select the text you want to modify.
2. Use the formatting options to make it bold, italic, or underlined.
3. Adjust the alignment (left, center, right) as needed.

Adding a Button Block

Buttons are crucial for navigation and user interaction. To add a button:

1. Select "Button" from the list of available blocks.
2. Click on the button to customize its properties.

Customizing Button Properties

You can modify various aspects of your button:

• Text: Enter the text you want to display on the button (e.g., "Explore").
• Color: Choose a color that complements your design.
• Size: Adjust the button size to fit your layout.
• Style: Select from different button styles (e.g., filled, outlined).
• Icons: Add a leading (left) or trailing (right) icon to enhance visual appeal.

Setting Button Actions

Buttons can be configured to:

• Navigate to another card in the journey
• Link to an external URL
• Open an email client with a pre-filled address

To set a button action:

1. Click on the button to open its properties.
2. Choose the desired action from the available options.
3. Enter the necessary information (e.g., card ID, URL, or email address).

Managing Blocks

Once you've added blocks to your card, you can manage them using the block menu:

• Move: Use the up or down arrows to reposition blocks within the card.
• Duplicate: Click the duplicate icon to create an identical copy of a block.
• Delete: Remove a block by clicking the delete icon.

Undo Feature

If you make a mistake while editing, you can use the "undo" button located at the top of the journey builder to revert your last action.

Best Practices

1. Consistency: Maintain a consistent style across your journey cards for a cohesive user experience.
2. Clarity: Use clear and concise language in your text blocks and button labels.
3. Visual Hierarchy: Utilize different text sizes and styles to create a clear hierarchy of information.
4. Interactive Elements: Strategically place buttons and other interactive elements to guide users through your journey.

By mastering these card editing techniques, you can create engaging and effective journeys that resonate with your audience and achieve your ministry goals.For more detailed information and support, visit the NextSteps website or the NextSteps Support page. These resources offer comprehensive guidance on using the NextSteps platform to its full potential.