A beautiful online Christmas Tree Shop is the dream of every shop owner. If you are having trouble with the details and design. Worry no more, you’ve made it to the right place. Today, I’m going to show you how to make a Christmas Tree Shop avec Elementor.

Creating a website without any prior knowledge of coding was a myth before. But now, what was impossible before, is a trend! Elementor is the most optimized website building tool globally for its drag and drop system.

For web-page building purpose, I’m going to use the Element Pack add-on. This is a beautiful toolkit made by BDThemes to use with Elementor. Alright, time to start the engine.

Présentation de Element Pack

Element Pack is the most optimized add-on for creating your premium website. Element Pack has a vast inventory ready to be deployed on your website. With 190+ plugins, 270+ ready to use pages, over 1800 unique blocks, Element Pack a atteint la position de Top 5 dans le monde entier.

Don’t bother dragging this and that and make things more complicated. The savior of your trouble is here. Element Pack also has a lite version, totally free. So, what’s more profitable than this? Utiliser maintenant.

Installing WordPress and Elementor

WordPress is a free and powerful content management system worldwide for creating websites. You can download and install it easily within a couple of minutes. And, you can install Elementor from inside WordPress. Hence you need to take a couple of steps to create hosting for the Christmas tree shop.

For more knowledge, please see the article “————-”. That blog covers the whole process of hosting your shop.

Creating Christmas Tree Website with Element Pack

After the installation of WordPress et Elementor, Click on your shop’s dashboard and follow the instruction to install the Element Pack Lite add-on.

To go to your Dashboard, simply write down your website address and add /admin at the end.

>www.yourwebsite.com/admin

This should bring up your shop’s WordPress Dashboard. From there,

1. Aller à Tableau de bord> Plugin> Ajouter un nouveau
2. Type ‘Element Pack’ at the Keyword section
3. Press ‘Installer maintenant’ on the boxed part

Done! Now let’s create a new page and start our work. Note That, Element Pack Lite is a ‘free to use service’ given by Element Pack Team. However, to get the best widget on the trend, you have to buy their Pro package. Though it’s cheap and reliable.

Creating New Page for Christmas Tree Shop

After setting all the widgets into their places, let’s pick up the pace and create a new page. Here, we will be creating our shop from scratch.

Aller à Tableau de bord> Pages> Ajouter un nouveau

After Clicking ‘Ajouter un nouveau’ you will get a page like this. The bolded text on the top is the title of your shop. Click on the little square on the top right corner and you will get page settings. Change the template of your shop to Elementor Canvas. This way, it’s easy to customize from the very beginning.

Now Click on the ‘Edit with Elementor’ button and move on to the next part.

Landing Page of Your Christmas Tree Shop

In this blank canvas, I am going to use Element Pack widgets to make the landing page. A landing page is something known as a “static page”, or a “destination page”. It’s a single page that contains all the information that the owner wants to display.

Things You Must Add to Your Christmas Tree Shop Landing Page

Now, before moving to the next part, here are the things you need to know about a page. These items are the core things that make your shop appearance stunning to others.

Section des héros :

The most important part of the landing page is the hero section. It’s the first thing you will see after you go to a website. Hence, you must place the most important things like title, subscription form here.

Features Section:

In this part, you need to describe your main business. You can put the main features or services and their details here.

Portefeuille :

You can show examples of your work to the visitors in this part of the landing page. It’s important that you drag the interest of others to your shop with quality examples.

Témoignage :

This part holds good reviews of your satisfied clients.

Pied de page :

This is the last section of your landing page. As your visitor has already reached here, you need to make another offer to them. Engage their needs by directing them what to do next.

Creating the Hero Section of Your Christmas Tree Shop

This Landing page is created with the widgets made by Element Pack. Making this type of Amazing landing page is not so easy. So, what you need now is to sit tight and watch the steps carefully. Let’s start by selecting the basic structure of the landing page.

Étape 1 :

Click on the red button and select 1 column structure.

Étape 2 :

After that, go to the Style tab and put the background image on the landing page. Now, remember you need to choose the right image that goes well with your Christmas Tree Shop theme.

Étape 3 :

Now, go to its’ Advanced tab and edit the padding. Put 900 as the bottom padding value. This will make the section length big without affecting the Widget input area. By doing so, you can make your image appear without inconvenience.

Étape 4 :

Now, add Inner Section widget from the basic Elementor toolbox. This widget makes a separate section inside the previous section. Once done, we move to the next part.

Étape 5 :

Click on the marked Colonne icon and select Duplicate to make a 3 column Section.

Titre avancé Widget

Étape 6 :

Drag and Drop ‘Advanced Heading’ widget by Element Pack on the first column. You can turn it into a cool heading for your shop.

Étape 7 :

After dragging and dropping the widget, you will get to its Contenu tab. The Rubrique section is under the Contenu tab. Type your heading there.

Étape 8 :

Ensuite, rendez-vous à l'adresse suivante Style tab> Rubrique> Typographie and change the look of the title in the top section. You can find additional settings there. Try each of them and give a unique look to your title.

Navigation par défilement Widget

Étape 9 :

Up next, drag and drop Scroll Navigation widget on to the 2nd Column and start editing it right away. Note that, this widget, made by Element Pack, shows a menu bar for your Christmas Tree Shop.

Étape 9 :

Dans le cadre de la Contenu tab, under the Scrollnav section, you can see a bunch of repeaters that you can increase or decrease in number. Take a handful of repeaters and make your own menubar.

Étape 10 :

Again, click on the 2nd column icon and increase the column width close to 60. The change will give more space to arrange your Menu buttons.

Cliquez sur Colonne icon> Mise en page> Column width.

Étape 11 :

Dans le cadre de la Style tab, you may change the background color, add some padding, edit the typography, and more. Bring up your own design and see the differences.

Bouton avancé Widget

Étape 12 :

This widget is giving you a clickable button that you can link to your subscription page. It’s easy to use. Also, gives a satisfying look on your shop.

Step-13:

However, you can put any text to show on the button. For that,

Aller à Contenu tab> Bouton and see the options.

Étape 14 :

Moreover, you can also give it different looks as you like from the Style tab. Note that, a button that has an appealing color is very likely to be clicked by everyone.

Étape 15 :

And lastly, add some margin values to position the button wherever it suits best.

Aller à Avancé tab> Avancé section> Marge.

Titre avancé Widget

Step-16:

Let’s move on to the Titre avancé widget. It’s a pretty handy widget compare to the free one Elementor provides. After dragging and dropping it under the previous section, you will see its Contenu tab. Here, you may name boldly of your Christmas tree shop with a sub-heading and main heading.

Step-17:

A partir de la Avancé tab, you may add some values to the margin to reposition the heading as fitting. You may notice that the Style tab is missing from the explanation. Well, let’s leave that to your taste.

Text Editor Widget

Step-18:

Well, you may add a line or two under the heading. This adds more weight to the hero section as it makes it more eyecatching.

Step-19:

You can try adding top margin value in the negative to close it up under the heading area.

Finalizing Hero Section For Christmas Tree Shop

Step-20:

Just add another Bouton avancé widget (made by Element Pack) at the end and see the full hero section. Amazing right? You may have noticed that the heading has a different look. Well, you can change it anyway.

Aller à Titre avancé> Style tab> Typographie and change it away.

These selected widgets made by Element Pack were used to make this stunning hero section.

• Image/Logo
• Navigation par défilement
• Connexion de l'utilisateur
• Titre avancé
• Bouton avancé