Embedding Your Prayer Wall

Embed Your Prayer Wall

Add your prayer wall directly to your church website so visitors don't need to leave your site.

Getting the Embed Code

1. Go to Settings → Embed
2. Copy the embed code provided
3. Paste it into your website's HTML

Embed Code Example

Customization Options

Height

Adjust the height to fit your page layout:

• Small: 400px
• Medium: 600px
• Large: 800px
• Full page: 100vh

Width

Usually 100% works best for responsive design.

Theme

Add ?theme=light or ?theme=dark to force a specific theme:

src="...?embed=true&theme=light"

Website Platform Guides

WordPress

1. Add a Custom HTML block
2. Paste the embed code
3. Preview and adjust height as needed

Wix

1. Add an Embed widget
2. Choose "Embed a Site"
3. Paste your prayer wall URL

Squarespace

1. Add a Code block
2. Paste the embed code
3. Save and preview

Responsive Design

The embedded prayer wall automatically adjusts to mobile screens. Test your website on different devices to ensure it looks good.

SSL Requirements

Your website must use HTTPS for the embed to work properly. Most modern websites already have this.

Linking Instead

If embedding doesn't work for your site, you can simply link:

  Visit Our Prayer Wall

Troubleshooting

Embed Not Loading

• Check that your website uses HTTPS
• Verify the URL is correct
• Test the URL directly in a browser

Wrong Size

• Adjust the height/width in the code
• Add CSS to control the container

Style Conflicts

• The embed is isolated from your site's CSS
• Theme colors will match your PrayerConnect branding