Creating Content

As a content creator working on a Swift-based solutions, you have access to many fun and useful tools making your life easier. This page will provide you with an introduction to those tools, as well as help you access more in-depth documentation should you need it.

Swift is built on top of the Dynamicweb platform and most day-to-day operations – like creating content or enriching product data – takes place using the Dynamicweb administration interface (Figure 2.1). 

The administration interface – usually referred to as the backend – consists of a left side area navigation (1) and a right side screen with a tree(2) and a workspace(3). The area navigation is used to select an area to work with – e.g. Content or Ecommerce – and the tree and workspace is used to locate and work with content under the selected area.

Figure 2.1 The Dynamicweb administration interface - called the 'backend'

In contrast, the frontend (Figure 2.2) is what people see when they visit the website, so this is where the content you create in the backend is shown to the world.

Figure 2.2 The 'frontend'

How the website looks is controlled partially by the Swift design – which is configurable – and partially by the rows & column types used to create content. You cannot edit content from the frontend, but the Visual Editor mode in the backend provides you with a visual view of the content you’re working with.

The most important tool you will work with is the Visual Editor – our tool for creating content in a visual manner as it will appear in frontend. It makes creating and maintaining your website extremely easyintuitive and visual. When using the Visual Editor you drag and drop predefined rows and columns to your page (Figure 3.1).

Figure 3.1 Dragging an Image-column onto a page in the visual editor

A row is an element which is used to create a content grid on a page – divided into a number of columns depending on the content you want to create (Figure 3.2). Read more about rows here.

Figure 3.2 Rows in the visual editor are used to construct a content grid

A column is a content container – different column types are used to create different types of content (Figure 3.3), e.g. product sliders, text & images – even navigation elements! Read more about column here.

Figure 3.3 Different column types are used to create different types of content

Both rows and columns can be saved as presets – a preconfiguration which makes it easier to create certain content types. If you’re creating a design from scratch you should consider saving some of the configured rows as presets, and if you’re creating content on a website in production you will in many cases be off to a great start if you use on of the presets saved by the design team. Read more about presets here.

Dynamicweb Swift ships with a sample design which has been extensively developed to adhere to current best-practice standards and principles for an Ecommerce – in other words, Swift is designed to perform and convert.

But this does not mean you cannot customize the customer experience to fit your brand and your business – far from it:

  • Themes allow you to create different color schemes for a website. You can create multiple themes and choose between them when creating content.
  • The Branding settings make it easy to change the fonts used for e.g. headers and body texts and to configure a button design  
  • The Layout tools gives you the freedom to customize the content and look of the header and footer of a website

And, of course, the visual editor provides you with all the tools necessary to create fantastic content.