The Basics
How 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 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 BackgroFew 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 readersChange Editor interface language and formats
On this page: Language Time & date format You can change the Editor interface language and default time and date formats from the Settings menu in the upper right-hand corner. Language It's possible to change the language of the entire Editor interface. ChoFew readersOverview of the Editor
On this page: Dashboard Editor interface This article helps you get familiar with the Editor dashboard and general interface. Dashboard After logging in to the Editor, you'll land on the dashboard. The dashboard is designed to provide you a quick overview of how your website is performing, focusing mainly on number of visitors during a specific period and number of engagements (visitors who engaged with elements on your website, for example by clicking on images and downloadinFew 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 comFew readersSupported languages
On this page: Available as Editor interface language (back end) Supported on websites built on the Editor (front end) Get a quick overview of available Editor interface languages (back end) and supported languages on websites built on the Editor (front end). Front end texts refer to the auto-generated texts that appear on the live website, for example information and error messages, texts on system-generated buttons, etc. Available as Editor interface language (back end) DaFew 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 Editor 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 readersAdd HTML snippets across all your pages
Global HTML tags are repeated across every page of your website and can either be included within the head or body tag on the HTML document. If you don't want HTML included on all your pages but only on a specific page, you have the possibility to do so by using the HTML module. Add Global HTML snippets across all your pages in Settings Editor settings Global HTML Tags.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
Adding 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 taken dFew 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 oFew 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/weFew 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/be3725c5cc2ea800/monFew 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. YouFew readersSearch for modules in the Editor
When adding a new module on any of your pages, you can find the desired module either by browsing through the list of categories on the left of the Add module overlay, or by performing a search. The module search helps you quickly find the module you need. Start typing in a word that matches the type of content you wish to add and the list of modules will automatically show you relevant results.Few 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 hoursFew 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/mFew 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 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 orFew 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 mFew 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/mono-editor-add-moduleFew readers
Managing Global Data
This section contains no articles.
Creating and Setting up Pages
Manage 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 Editor you can add various types of backgrounds and effects to a column as well as modify its general settings and functionality.Few readersAttach a domain to a specific page on your website
On this page: Attach domains to your website Attach a domain to a specific page In the Editor, you have the option of attaching a domain to a specific page on your website. For example, let's say you're running a website on the domain gallerydawn.com where you showcase your paintings. You also have a specific Shop page where it's possible for visitors to buy your art. You can redirect a specific domain - for example buydawnpaintings.com or shop.gallerydawn.com - to this page so tFew 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 rowFew 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 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 WhenFew readersAdd a Row Slider
On this page: How to add a Row Slider Row slider design Row slider settings Also known as a "carousel", a Row Slider enables you to create a set of rows that visitors can flip through manually - or you can set them to transition automatically at specific intervals. How to add a Row Slider Hover on the row you wish to turn into a Row Slider. Click Row and then the More icon (3 dots). Select Add Row Slider from the list. (https://storage.crisp.chat/users/helpdesk/websFew 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 oveFew 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 Editor you can add various types of backgrounds and effects to a row as well as modify its general settings and functionality.Few 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 readers
Styling Your Website
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 anFew 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 website by uploaFew 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 readers