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 yFeaturedWhat 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 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 readersManage your content library
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 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 thFew 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. Drag contentFew readers
Design
Images: 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 readersHow 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 readers
Modules
Text module (new 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 takenFew readersButton module
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 readersImage module
On this page: Content Design 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/be3725c5cc2eaFew 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 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 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 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 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 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 readersSearch module
On this page: Design Settings 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. You can add a Search module by selecting Search under the category Page navigation in the Add module overlay. To edit your Search module after it hasFew 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 readers
Creating and Setting up Pages
Manage 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 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 readersManage 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 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 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 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 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 readers
Settings
Types of Global Data
On this page: Business information Opening hours Cover image and Logo Gallery Custom Global Data Lists Links and Downloads Video Links Global Data is your content library where you can store all the essential details about your business, staff and services. Using Global Data makes it easy to add and change business relevant content throughout your website with a few clicks. (https://storage.crisp.chat/users/helpdesk/website/be3725c5cc2ea800/editor-ii123155c669.pngFew readersHow to add Global Data to your website
On this page: Using the toggle option on your modules Using Global Data tags in your text After you've inputted Global Data in the Content menu in the Editor you can start making full use of it on your website. Many of the modules in the Editor can be set up to fetch content from your Global Data and you can also inject Global Data information directly into paragraphs of text on your pages.Few readers