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 と 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.

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 の地位まで上り詰めた。 トップ5 ワールドワイドで。

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? 今すぐ使う.

Installing WordPress and Elementor

ワードプレス 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 ワードプレス そして Elementor, Click on your shop’s dashboard and follow the instruction to install the Element Packライト 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. こちらへ ダッシュボード> プラグイン> 新規追加
2. Type ‘Element Pack’ at the Keyword section
3. Press ‘今すぐインストール’ on the boxed part

Done! Now let’s create a new page and start our work. Note That, Element Packライト 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.

こちらへ ダッシュボード> ページ> 新規追加

After Clicking ‘新規追加’ 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.

Hero Section:

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.

ポートフォリオ

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.

Testimonial:

This part holds good reviews of your satisfied clients.

Footer:

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.

ステップ-1：

Click on the red button and select 1 column structure.

ステップ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.

ステップ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.

ステップ-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.

ステップ5：

Click on the marked コラム icon and select Duplicate to make a 3 column Section.

高度な見出し Widget

Step-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.

Step-7:

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

Step-8:

次に スタイル tab> Heading> タイポグラフィ 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.

Scroll Navigation Widget

Step-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.

Step-9:

の中で 内容 tab, under the スクロールナビ 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.

Step-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.

をクリックする。 コラム icon> レイアウト> Column width.

Step-11:

の中で スタイル tab, you may change the background color, add some padding, edit the typography, and more. Bring up your own design and see the differences.

アドバンスボタン Widget

Step-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,

こちらへ 内容 tab> ボタン and see the options.

Step-14:

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

Step-15:

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

こちらへ 上級 tab> 上級 section> マージン.

高度な見出し Widget

Step-16:

Let’s move on to the 高度な見出し 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 内容 tab. Here, you may name boldly of your Christmas tree shop with a sub-heading and main heading.

Step-17:

より 上級 tab, you may add some values to the margin to reposition the heading as fitting. You may notice that the スタイル 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 アドバンスボタン 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.

こちらへ 高度な見出し> スタイル tab> タイポグラフィ and change it away.

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

• Image/Logo
• Scroll Navigation
• ユーザーログイン
• 高度な見出し
• アドバンスボタン