The Basics
Put your ChurchDesk website online
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 guide Step 1 - Update yFeaturedHow to undo: rollback and reset
On this page: How to undo recent changes in the editor using the Rollback button 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 rollback 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. How to undo recent changes in theSome readersHow to create or edit a widget
On this page: Widget main settings Widget Actions How to create a new widget Main widget settings At the top of the page under Widgets, you can see - and change - your default widget settings. That is, the colors that text and background will be displayed in, unless they are changed. To change the default colors, click on the color for Primary color and BackgFew readersWhat are rows, columns and modules?
On this page: What is a row? What is a column? What is a module? Rearranging content When creating websites in the Designer it's important to be familiar with the three building blocks that make up all your pages and contain your content: rows, columns and modules. What is a row? A row is a horizontal section on your page that contains content, for example images, text, a contact form, etc. When you open your website and want to edit it for the first time, it already contaiFew readersManage your File Manager
On this page: Global Data File Manager The Content tab is your content library. This is where you input and edit your business information, in Global Data, and manage all your files that have been included on your website, in the File Manager. Global Data Global Data is your business information library where you can include general information about your company. All informaFew readersHow to preview and publish your website
On this page: How to preview your website Publish your website How to preview your website You find the preview icon in the upper right corner of the Editor. To preview your website, click on the Preview button and a new window will open with a preview of your website. Use the keyboard shortcut You can preview three different views of your website: desktop, tablet and mobile.Few 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 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 readersHow to create/edit a widget to display events, blogs and more
What are widgets? In ChurchDesk, there are several types of widgets that you can add to your ChurchDesk website. Our widgets can also be added to other websites. We have widgets for displaying events, blogs, fundraisers and more. Widgets replace what we used to call calendar views and blog views. Widgets are elements that you can add to your website when you want to show upcoming calendar events, latest blog posts and what you are fundraising for as a church. Widgets are created in our weFew 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 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 readersGlobal colors - How to change website colors
Editing and using global colors Choosing colors for elements on your website is one of the most common tasks. Using Global Colors, it's easy to choose a color palette for your design and apply it to any element without having to set color every time you add a new element to your website. Global colors are divided into 3 different categories: Spot colors Base colors Custom colors (https://storage.crisp.chat/users/helpdesk/website/be3725c5cc2ea800/screenshot-2024-03-12-at-09522pFew readersGlobal data for the website
How to add Global Data to your website Global Data is a feature in the website designer where you can store all important information about your church, staff and services, such as address, phone number, service lists, privacy policy and much more. You can find it under Content: It's smart to use this feature so that everything can be updated automatically through it. If youFew 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 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 readersImages: How to use sizes and cropping
How to use sizes and cropping On this page: Pixels and file size (general) Why is width important? Width for fixed rows What about height? File size of your images Cropping images: using several images in one row Using two, three or more images Images play a crucial role oFew 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 EditFew readersText module
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 takenFew 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
On this page: Connecting to Instagram Design Settings Disconnecting from Instagram Use the Instagram feed module to display images from your Instagram account directly on your website. Whenever you add a new image on Instagram, it automatically displays on the Instagram feed module as well. From the Add module overlay, you add an Instagram feed module by selecting Instagram feed in theFew 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?
Widget is a collective term for what we used to call calendar and blog views. Widgets are elements that you can insert into predetermined widget areas (HTML Module) on your website. In these areas you can insert, for example, a calendar overview or a view of your blog posts. Widgets are created from the website module itself (see screenshot), not from within the website designer. (https://storage.crisp.chat/users/helpdesk/website/be3725c5cc2ea800/screenshFew readersMap-module: Add a map to your page
On this page: Content Design Settings Use the Map module to highlight your location to visitors. You can add a Map module by selecting Map under the Company information category in the + Add module overlay.Few 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 readersManage anchor visibility
On this page: How to enable anchors Visibility in navigation menu Anchor navigation was meant to facilitate navigation on landing pages and one-page websites. For this reason, the default behaviour is that, when added as a subpage, the anchors will only be visible in the Menu when the visitor is browsing the page where the anchors are located. GIF How to enable anchors If you want to transform a row into an anchor, simply navigate to the Row settings and you will find thFew 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 readers