The Basics
How to put your ChurchDesk website online
This article shows you how to successfully bring your ChurchDesk website online. Learn step-by-step what settings you need to make with your domain host and in ChurchDesk to get your site live and running smoothly. Things you need to get started You need to know your domain(s) Username/email and password for the account at your domain host This guideFeaturedHow to undo: rollback and reset
On this page: How to undo recent changes in the editor using the Rollback button "Undo recent changes" Reset styling on your website with the reset function The Editor contains two undo tools that are important to be familiar with when creating websites: the "Undo recent changes" and the reset functions. These functions allow you to rollback your website to an older version - effectively undoing changes you have made - and to reset styling of an element to its original settings.Some readersWhat are rows, columns and modules?
This article explains the basic structure of the ChurchDesk Designer. You will learn the functions of rows, columns, and modules and discover how these three elements work together to build your website and organize your content. In this article, we explain: What is a row? What is a column? What is a module? How to rearrange content What is a Row? A row is a horizontal section on your page that contains content, such as images, text, a contact form, etc. When you open youSome readersManage your File Manager
The File Manager is your central library for all website content, including all files that are currently used or have been used on your website. This article explains how to upload, organize, and manage your images and documents. This way, you'll always have quick access to all the media you need for your website and maintain an overview of their usage. Opening the File Manager You can access the File Manager by clicking "Content" in the top left and then selecting "File Manager": (https:/Some readersRearranging content
On this page: Drag content to other positions How to adjust the width of your content How to use empty space to align content After you've added some content to your website, you may at one point want to arrange it differently, move it around, delete some of it, etc. The structural building blocks for content in the ChurchDesk Editor is called rows, columns and modules. To better understand how they work, read our article on rows, columns and modules here. (/en/article/what-areFew readersGet to know the website designer
On this page: Navigate step by step through the website designer Get to know the website designer To access the Website Designer, you need to be logged into your ChurchDesk account and click on the arrow next to the "Dashboard" button to open the "Website": Next, you can open the Website Designer by hovering over the first box, as shown here, and clicking on it:Few readersHow to create/edit a widget to display events, blogs and more
This article guides you through the creation and management of widgets in ChurchDesk. Learn how to create customizable Event and Blog Feeds, configure their design, and integrate them both on your ChurchDesk website and on external websites. In this article you will find General Widget Settings How to create a new Widget How to edit a Widget How to use your Widgets on your ChurchDesk website How to use your Widgets on your own website, which was not created in ChurchDeskFew readersInsert pdf or word file on your website
Insert PDF or Word file on your website How to insert a file (e.g. minutes) on the website as a text link Go to the text module where you want to insert the file and double-click on it Select the piece of text to be used as a link, e.g. "minutes from the last parish council meeting" Click the link icon at the top of the toolbar. Select "Link" (https://storage.Few readersGlobal text - how to edit text types
On this page: Editing and using global text Custom global texts To edit a specific text/module, simply double-click on the desired module and the design tool will open at the top of the screen. The foundation of all websites is a certain style. Two important elements that make up this style and identity are text and colors. In this article, you will find out how to change text throughout your website with just a few clicks. (https://storage.crisp.chat/users/helpdesk/website/beFew readersWhat are Viewports?
Viewports are the different types of screens you can view and edit your website from. In ChurchDesk you can choose between computer screen, tablet or mobile phone:Few readersGlobal colors - How to change website colors
Global Colours – How to Change the Colours of Your Website The colours on your website shape the impression that visitors get of your church. With global colours in ChurchDesk, you can easily define a consistent colour palette for your entire website – saving you a lot of time and effort later on. Tip: Ideally, set up your global colours at the beginning of your design process. New elements will automatically adopt your chosen colours. Where to Find the Global Colours Open theFew readersSlideshow
It is possible to have one slideshow on your website. The slideshow can show the image and title of an event or blog post. How do I control how many events and blog posts are shown in my slideshow? To control how many activities are shown in the slideshow, you need to edit this in the Churchdesk Website module: Website Widgets Slideshow Actions Edit (https://stFew readersPreviewing and Publishing Website
Before a page on your ChurchDesk website becomes visible to visitors, it must be published. You can edit content at any time and preview your changes – but the page will only be visible to the public once you actively publish it. This article explains how to use the preview function and when a page actually goes online. Preview: See what your page will look like While editing a page in the editor, you can always check how it will appear to visitors. Here's how: Click “Preview”Few readers
Accessible website
How to make your website accessible
On this page: Introduction to Web Accessibility General Principles Responsibilities Publishing Technical Updates Exceptions Accessibility Statement Required Content Steps Required Practical Steps Would you like our help to make your content accessFew readersHow do I insert a link in the footer of my website? (e.g. for the accessibility statement)
How do I insert a link in the footer of my website? (e.g. for the accessibility statement) If you want to create a link to an accessibility statement, this can simply be done in the footer of the website. There are various ways to insert a link in the footer, but the easiest and quickest is to duplicate the line in the foFew readersCreating and publishing the accessibility statement for the website
As part of the legal requirements for an accessible website, it is necessary to publish a current accessibility statement that is easily available to all visitors. Below you’ll find guidance on how to write and publish your statement on your website. Recommended content and structure of the accessibility statement Since there is no single standard format, certain elements must still be included. We recommend structuring your statement as follows: 1. Statement of CommitmentFew readersAdd Alt Text to Images
What is an alt text – and why is it important? An alt text (alternative text) describes the content of an image. It is especially important for: Accessibility – e.g. for people with visual impairments using screen readers Search engine optimisation (SEO) – it helps Google understand your images Fallback – in case the image doesn’t load properly Where should the alt textFew readersNavigating dropdown menu with keyboard
A dropdown menu that can be operated using the keyboard is especially important for people who have difficulty using a mouse due to physical limitations or other disabilities. To enable this feature, go to your website editor: Click on the gear icon in the top left corner. Expand the additional options under "Website Settings." Select the last tab, "Accessibility." Enable the option "Activate focus indicator." By selecting this option, you activate the accessibility settings for yourFew readers
Design
How to change font and colors across your website
On this page: Editing and applying Global Text styles Custom text styles Editing and applying Global Colors At the very foundation of all websites is a specific style. Two major elements that make up this style and identity are text and colors. In this article, you will find out how to change the text and colors across your website in just a few clicks. Editing and applying GFew readersChange your favicon image
A favicon is an icon that is associated with a website and is displayed to the left of the website name in the browser tab. Favicons are also included in bookmark listings next to the website name. Change your favicon image in Settings Editor settings Favicon. Add a favicon to your websitFew readersImages: Image sizes and image dimensions
How to use sizes and cropping On this page: Image size and file size (general) Why is width important? Width for fixed rows What about height? File size of your images Cropping images: use multiple images in one row Using two, three or more images Images plFew readers
Modules
Button module: Add buttons and call-to-actions on your website
On this page: Content Design Settings Use buttons to guide your visitors to other pages on your site or to an external URL - or for downloading files and sending an email. You can add a Button module by selecting Button under the category Page navigation in the Add module overlay. To edit your Button module after it has been added, double click in the module or click on the EditSome readersText module - Edit texts on the website
On this page: Add and edit text Edit module design Use the Text module when you want to include text on your website. You can add a Text module by selecting Text under the category Text and structure in the Add module overlay. On the module, you can either edit the module's design or the actual text. Edit the text either by clicking anywhere on existing text and you will be takenSome readersHTML module
On this page: Content Design Use the HTML module if the feature or functionality you want on your website is not natively supported by the Editor through existing modules. This module gives you the opportunity to add custom content and widgets on your page by pasting an HTML snippet. You can add a HTML module by selecting HTML under the category Page layout in the Add module overlay. (https://storage.crisp.chat/users/helpdesk/website/be3725c5cc2ea800/editor-ii811gj5mdz.pFew readersSocial media links module
On this page: Content Design Use the Social media links module to include links to your different social media platforms on your website. You can add a Social media links module by selecting Social media links under the category Social media in the Add module overlay. To edit your Social Media Links module after it has been added, double click in the module or click on the Edit iFew readersImage module
On this page: I. Content II. Design III. Settings Use the Image module to include single images on your website. You can add an Image module by selecting Image under the category Visuals in the Add module overlay. If you want to include a group of images, use either the Image List module or the Gallery module. (https://storage.crisp.chat/users/helpdesk/website/be3725c5cc2ea800/a1Few readersInstagram feed module
This article explains how to use the "Instagram Feed" module in ChurchDesk to display images from your Instagram account directly on your website. Every time you add a new image to Instagram, it will automatically appear in the Instagram Feed module as well. We will guide you through the connection steps, design options, and settings. There are several ways to display Instagram on your website: Connecting to Instagram via the "Instagram Feed" module Connecting to Instagram via the "HTML mFew readersMap module
On this page: Content Design Settings Use the Map module to highlight your business location to visitors. You can add a Map module by selecting Map under the category Company information in the Add module overlay. Hover the module and click on Content, Design or Settings on the dropdown to edit the module. (https://storage.crisp.chat/users/helpdesk/website/be3725c5cc2Few readersOpening hours module
On this page: Content Design Settings Add your business opening hours on your website to make sure visitors know when you're open. All modules within this category are by default connected to your Global Data which makes it easy to ensure you're applying information consistently throughout your website. You can add an Opening hours module by selecting Opening hours under the categoFew readersList module
On this page: Content Design Settings The List module provides a great way of presenting content on your website, such as the services you provide or products you have on offer. You can add a List module by selecting List under the category Text and structure in the Add module overlay. Hover the module and click the pencil icon in the tab above the module to edit your list. You cFew readersSearch module
How to insert a search module on your website The Search module enables visitors to search for specific content on your website. The search can be done across your whole website or limited to showing hits on pages, shop products or blog post titles. Click on the round blue symbol with a plus to insert a new module on the website and choose a Search module by selecting Search under the category Page navigation in the Add module overlay. (https://storage.crisp.chat/users/helpdFew readersFacebook modules
On this page: Facebook like Facebook share Facebook post Facebook video Facebook comments Facebook page embed Use the Facebook modules to include different actions via Facebook on your website. You can add Facebook modules by selecting Facebook like, Facebook share, Facebook post, Facebook video, Facebook comments or Facebook page embed under the category Social media in the Add module overlay. (https://storage.crisp.chat/users/helpdesk/website/be3725c5cc2ea800/Few readersWhat is a widget?
Widgets are dynamic elements that you can add to your website. You can use these widgets to publish selected calendar posts, blog posts or donation projects. Widgets are created from the website module in ChurchDesk (see screenshot), not from the editor. You can then integrate the widgets both on a ChurchDesk website and on an externally operated website. If you would liFew readersGallery
How to insert a gallery Once inside the website designer, add a new row by moving your mouse to the center of the page and clicking "+ Add row": Next, you can either scroll down and find what you need or you can choose from the categories on the left-hand side: |Few readers
Creating and Setting up Pages
Manage rows
On this page: How do I modify a row? Design Settings Fluid row Add Row Slider Equalize columns Show on device Add animation Duplicate / Copy Delete Manage rows In the Designer you can add various types of backgrounds and effects to a row as well as modify its general settings and functionality.Few readersManage pages
On this page: Page tree/page structure Rearranging page order Adding a subpage Duplicating a page Deleting a page Hiding a page In Manage pages, you can reorder your pages, duplicate, delete and hide pages and more. Page tree/page structure You can find an overview of your current pages and languages at the left of the main navigation bar in the Editor. When clicking Pages, a drop down menu will expand with an overview of all your pages. The page tree represents theFew readersManage columns
On this page: How do I modify a column? Styling Show on device Add animation Duplicate or copy column Delete a column In the Designer you can add various types of backgrounds and effects to a column as well as modify its general settings and functionality.Few readersChange your page settings
On this page: Content Design Settings Page settings is where you manage all page-specific information, including SEO and 301 redirects. Navigate to page settings from the main navigation by clicking Pages Manage pages, then click the edit icon next to a page name and select Edit settings. Content General Page name The name of a page is visible in the page overviewFew readersAdd and manage languages
On this page: Add a new language Define your language settings Add a Language Selector module Adding additional languages on your website involves two steps: adding a new language in your page structure and including a Language Selector module in your website header or footer. Add a new language You add a new language to your website by navigating to Design Pages Manage pages. There are two ways of adding a new language to your website. You can either duplicate theFew readersCreate a new page
On this page: Page layout types Adding page information Creating a new page on your website only takes a few clicks in the Editor. You create a new page from the main navigation by clicking on Pages Manage pages Add page. Page layout types When you've clicked thFew readersAdd a new row
If you want to add chunks of content to a page, the fastest and easiest way to do so is by adding a new row. The Editor comes with a comprehensive library of pre-filled rows for you to choose from so you don't have to build them up from scratch. A pre-filled row is basically a combination of modules that have been assembled in advance. Add a new row by hovering on an existing row and click on + Add row on the blue bar that appears. (https://storage.crisp.chat/users/helpdesk/website/be3Few readersCreate and manage anchors
On this page: How to enable anchors How to link to anchors Adding anchors allows visitors to "jump" to a specific row on a page from either the main navigation or a button. An anchor is attached to your row and is, when enabled, creating a unique URL for that particular row. How to enable anchors You enable anchors on a specific row in the Row settings overlay. You get to Row settings by hovering the row and clicking on Settings on the dropdown. Go to Settings RowFew readersPage settings: Content, design and settings
On this page: Content Design Settings Page settings is where you manage all page-specific information, including SEO and 301 redirects. Navigate to Page Settings from the main navigation on the left side of your screen by clicking Pages Manage Pages, then click the edit icon next to a page name and select Edit Settings. Content General Page name TheFew readersSet up 301 redirects
Set up 301 redirects This guide is for Studio customers only. If you would like to find out more about Studio, please contact your account manager. Set up 301 redirects to permanently redirect traffic from deleted or unused pages. In Content 301 Redirects you can manage all your redirects from one, central place. When should I set up 301 redirects? You should consiFew readersCustomise content for different end devices
Your website should look good and be optimally usable on every device – from large desktop monitors to small smartphone screens. Our editor supports you by automatically adapting the content you create for the desktop view to tablets and mobile phones. However, to ensure the best possible display and user-friendliness on all devices, this article shows you how to individually adjust the view and specific content. This way, you ensure that your message is clear and appealing everywhere. We willFew readers