Page settings

The Page settings tab is the place where we can change the settings for our website, the domain used and the appearance of the page where customers place orders.

Note

Additional options are available for the PRO version, which allow you to:

use your own internet domain,
set your own logo and background,
set your own texts that will be displayed to customers,
match the colour scheme of the page to your own brand.

Available options

Here is a list of the available options with a short explanation.

Page title

This page title will be visible to customers.

Domain

Allows you to connect your own internet domain. For the domain to be verified successfully, in the DNS settings of your domain you must add a CNAME record that points to the address: a.foto.guru. After correct configuration, the information Domain approved will appear next to the field. In case of problems, contact the company from which you purchased the domain.

Tip

The configuration process may look different depending on the service provider. For our purposes, let us assume that we own the domain example.com and want ordering to be possible at the address photo.example.com.

Go to the DNS settings of the domain: example.com
Add a new DNS record
It may look slightly different in different panels, but:
- as the “record type” enter: CNAME
- as the “host name” enter: photo.example.com
- as the “value” enter: a.foto.guru (some panels will require an additional dot . at the end)

This should be enough to configure the domain correctly.

Page description

Determines the value that will appear in the meta description tag of the page.

Page Keywords

Determines the value that will appear in the meta keywords tag of the page.

Page indexing

Determines whether search engine crawlers will be able to index the page where customers place orders.

Logo

Determines the page logo that will be displayed to customers.

Tip

The ideal dimensions for the logo are: 40px high (proportional width).

Any other logo dimensions will be scaled to this size. Pay attention to the “empty space” that often occurs in logo graphics (most often at the top and bottom). If we remove it, the logo will be larger and therefore clearer.

First page

Page background: Allows you to upload a page background that will be displayed on the main page. The background is always stretched over the entire screen of the device.
Transparency of the page background: Determines the transparency of the page background. This allows the background to stand out less against the content. A slider moved to the right means that the background is completely visible.
Panel under welcome content: Determines whether the welcome content (title, text, button) will be placed on a white panel. This improves readability against a photo background and replaces the “frame” drawn in the background graphics, which does not scale on phones.
Welcome title: Determines the title that will appear on the first page.
Title colour: Determines the colour of the welcome title.
Shadow of the title: Determines whether the welcome title will have a shadow and in what colour.
Welcome text: Determines the text that will appear on the first page.
Colour of the welcome text: Determines the colour of the welcome text.
Shadow of the welcome text: Determines whether the welcome text will have a shadow and in what colour.
Action button: Determines the text that will appear on the button.
Button text colour: Determines the colour of the button text.
Colour of button: Determines the colour of the action button.
The shadow of a button: Determines whether the action button will have a shadow and in what colour.

Disabled placing orders

These texts are displayed to customers when accepting orders is disabled in the order settings.

Welcome title: Determines the title that will appear on the first page when ordering is disabled.
Welcome text: Determines the text that will appear on the first page directly below the title when ordering is disabled.

Color scheme

This section allows you to match the theme of the ordering page to your brand colours. Simply set the main colour - the rest (button text colour, accent) will be chosen automatically. You can override each value manually; a blank field means the default value.

On the right-hand side there is a preview of the ordering page, on which changes are visible immediately - they are saved only after clicking Save changes.

Main colour: The brand colour of the shop, used for buttons, accents and highlights.
Colour of text on buttons: The colour of the text on buttons. A blank field means white or dark - depending on the brightness of the main colour.
Accent colour: The colour of additional highlights. A blank field means the same as the main colour.
App background colour: The background colour of the ordering page. A blank field means a light grey, neutral background.
Corner rounding: Determines the rounding of the corners of cards, tiles and buttons: from Sharp (no rounding) to Strongly rounded.