Creating pages on Tilda

Intorduction

After the initial setup of the site, you can start creating pages. To operate the delivery site, it is enough to create two pages - Home and Menu.

We have prepared ready-made templates that you can use for these pages:

• Home page — ID: 22924754

• Menu — ID: 22932465
  

When using these templates, the connection between pages is established automatically.

Creating a home page

To create a Home page:

1. Go to the My Sites tab and click on the name of your project

2. On the page that opens, click the Create a new page button

3. Scroll down the page that opens and click on the Specify Template ID button

   

   If you have not paid for the plan, the Specify Template ID button will not be displayed.

4. In the Enter template ID field, specify the number of the finished template — 22924754 — and click the Select button

5. The page editing tab will open. Edit the following blocks:
   
   • • Logo
     • Homepage banner
     • Map
     • About us
     • Contacts
     • Social networks
       
       
       
       
       
       

Fill the template with your establishment's content.

Logo

Upload your establishment's logo. To do this:

1. Click on the image in the top block of the template
2. The image upload window will open. Upload the logo file
   If necessary, the image can be downloaded via a link. To do this, click the Download via link button and paste the link.

Please note: the logo image must be no more than 80 px in height and no more than 300 px in width, and its weight must not exceed 5 MB.

Homepage banner

Homepage banner is the part of the site that guests see right away. Try to make it attractive, so as not to scare away guests, but also to attract them.

The banner consists of two parts - an image and text. To set up the banner:

1. Click on the template image to display the image upload window.
2. Upload your image. The size of the main banner is 1920x560 px, its weight should not exceed 5 MB.
   Please note: choose the image carefully: if it is too bright or has too many elements, the text may get lost against this background.
   
3. Place the cursor on the template text. The text editor will open. Enter your text for the banner.
4. Click anywhere on the screen to save your changes.

Map

Edit the Google or Yandex Map block so that guests can see the current address of your establishment on the map. To do this:

1. Click on the Content button
   
2. In the HTML code / Widget code window that opens, enter information about your establishment:
   
   • pin: latitude and longitude
   • center: latitude and longitude (same data as in the pin item)
   • zoom: leave the default value
   • headerText: street and house number
   • metroText: subway station
   • workTime: work schedule
   • tel: phone number
3. Click the Save and Close button
   

About Us

In the About Us block, you can add information about your establishment: for example, about your achievements, differences from other establishments, or other information.

The About Us block, like the banner, consists of two parts: an image and text. To set up the block:

1. Click on one of the template images to display the image upload window.
2. Upload your image. Image dimensions must be as follows:
   • for the top — 345х254 px
   • for the bottom — 345х394 px
   • for the right — 346х591 px.
     Please note: the image size must not exceed 5 MB.
     
3. Place your cursor on the template text
4. A text editor will open. Enter the text of the About Us block.
5. Click anywhere on the screen to save your changes.

Contacts

Edit the Contacts block. To do this:

1. Go to the Contacts block
2. Click on the Edit Block button
3. Place the cursor on the desired lines and enter your text
4. Save the changes.

Social networks

Set up links to the establishment's social media accounts:

1. Go to the Contacts block and click the Edit Block button

2. In the editing window that opens, click on the social network logo, then on the Settings button
   
3. In the menu that appears, expand the Link section
   
4. In the URL field, enter the link to your account

5. Without leaving the Settings menu, specify links for other social networks

   Setting up an Instagram link

   To set up an Instagram link without leaving the editing page, double-click on @restaurantcafe
   

   In the top settings panel, click on the Insert Link button

   

   
   

   In the Enter a link field, enter the link to the establishment's Instagram account, and in the Text field, enter its name after the @ sign. Click Apply
   

    

6. Click the mouse button in the free space of the editing window to exit the settings
7. Click the Save button
8. After saving your changes, return to the previous page by clicking the Close button.

Done, the Home page of the delivery site is set up and ready to be published.

Publishing a page

The configured page must be published so that it becomes accessible to everyone. To do this:

1. Click the Publish button in the upper left corner of the page

2. A page address editing window will open. Leave the address the system suggested or enter your own using Latin characters.
   Then click the Save and Continue button
   
   
   

3. A notification about successful publication will appear. Click on the Close or Open Page button if you want to view the published page.

4. Return to your project page
5. By default, the new page will be called Copy of.... Click the Settings button to change the title.
   
6. On the page that opens, enter the page name in the Title field. You can also edit the Page Address here.
7. Click the Save Changes button
   
   
   

The Home page is ready. Now we need to create the Menu page.

Creating a menu page

1. On your project page, click the Create New Page button
2. At the bottom of the page, click the Specify Template ID button
3. In the Enter template ID field, specify the number of the finished template — 22932465 — and click Select
4. In the opened page editing tab, upload the establishment logo and edit the Contacts and Social Networks blocks, as on the Home page

5. Once you've finished editing, publish the page. Enter its URL and change the title, similar to the steps for the Home page.

Creating and editing pages is complete. Now you need to configure the integration on the r_k Delivery side.

Fixing the page header

If you want to fix the page header so that the menu and cart panel does not disappear when you scroll the page, make the following settings:

1. Go to the website page
2. Hover over the header block and click on the Settings button
   
3. In the menu that opens, copy the Block Id
   
4. Close the side menu, hover over the header block and click the Edit Block button
5. In the field above the logo, right-click to bring up the context menu and select Edit Code
   
6. In the second line of the opened window, instead of “rec371581468”, enter the Block id from point 3
   
7. Click on the Close&Update button
8. Click the Save button and then the Close button
9. On the website page preview, click the Publish button. 

Done, the header is fixed. Now the menu, address and cart will always be displayed on the page.

Repeat the steps for each page you create.