We assume that you have installed WordPress and Dine theme already. Otherwise, please read this article for installing the theme first.
Step 1: Install Plugins
Make sure you have installed and enabled following plugins:
- Elementor: required
- (Dine) Elementor Addons: required
- Contact Form 7: optional, but it’s used to build the contact page
- Restaurant Reservation: optional
- WP Google Maps: optional
If you haven’t installed Elementor or (Dine) Elementor Addons, please go to Dashboard > Dine > Install Plugins to install them.
Step 2: Import Content

Please go to Dashboard > Dine > Import Demo.
Choose your demo your want to import then hit INSTALL DEMO.



Step 3: Import Elementor Style
After importing the content, you’ll see your site looking like this:

It’s because of the lack of Elementor Style. That’s why we need the last step: import Elementor style.

Step 3.1: Go to Dashboard > Elementor > Tools > Import/Export Kit > Start Import.
Step 3.2: Depending on which demo you chose, please download following Elementor style file:

then click Select File and upload it.
Then just continue hitting the green button, don’t do anything else.


Then you’ll see following screen. Now your site is 100% same as demo.

That’s all. Now you can hit the green Close button and start customizing your site.