how to create ecommerce website for medical

how to create ecommerce website for medical

How to create an ecommerce website for medical FREE Tutorial, this Blog post will guide you on how to create an ecommerce website for medical use or store. this tutorial are for those that want to have an online store and bring their businesses live in the digital world. after this tutorial you will be able to set your own online store fast and easy for free.

Hi welcome to this Tutorial post. i will be recommending and also teaching you on how to create an ecommerce website. Please read to the end.

THEME NAME THAT WILL BE USED?

MARTFURY WordPress theme. you can get it directly from themeforest here or get here on Get99tool.com.ng here for a Coffee low fee 50% off.

BEFORE YOU GET ANY THEME WHAT YOU MUST KNOW?

You should know that some premium free theme has Virus in them that can break your website, so it is not advisable to download Premium for free so i recommend this website if you can’t afford the price on themeforest the website has virus free theme and plugin 100% safe.

BENEFIT OF DOWNLOADING FROM GET99TOOL

You will get life time update from time to time through emails and notification. 100% virus free, free support.

Incense Key are not needed. save up to 80% of your money.

1. Getting Started

In this first section of how to create an ecommerce website for medical using MARTFURY theme, we will go through the essential steps required to start building your website with the MARTFURY theme to have a wonder Ecommerce website for medical for your online business. We will explain how to install the theme, import the included demo content, as well as how to update the theme. At the end of this Tutorial you will you will be able to build an ecommerce website you can check site demo here. Lets get started now.

Introduction (How To Install Your Theme)

After you download the package from ThemeForest or GET99TOOL, please unzip it. You’ll see a file called martfury.zip, which needs to be uploaded and installed.

Important: One of the most common reasons people have issues is because they try uploading the full zip that includes demo content, theme, documentation…etc which displays the “The package could not be installed. The theme is missing the style.css stylesheet.” error. Please make sure you upload only the theme which is called martfury.zip.

Now that you made sure WordPress is up to date, you can install the theme, and there are two ways to install Martfury, via WordPress or via FTP.

Install Martfury via WordPress

Step 1 – Log into your WordPress website and go to Appearance > Themes and click Add New.

how to create ecommerce website for medical

Step 2 – Click  Upload Theme.

how to create ecommerce website for medical

Step 3 – Browse the martfury.zip file on your computer and click Install Now

how to create ecommerce website for medical

Step 4 – After the theme was installed successfully, just click to activate it.

how to create ecommerce website for medical

If you get the “Are You Sure You Want To Do This” message when installing martfury.zip file via WordPress, it means you have an upload file size limit. You need to install the theme via FTP, or contact your hosting provider to increase the limit.

Install Martfury via FTP

Step 1 – Unzip the martfury.zip file, you’ll get a folder martfury.

Step 2 – Log into your hosting space via an FTP software (Use a FTP client like FileZilla).

Step 3 – Upload that folder to wp-content/themes folder on your host.

Step 4  – Go to Appearance > Themes and activate the Martfury theme.

How To Install Plugins Included

After installing the Martfury theme, you’ll see a notification on the top of the page that says the theme needs some plugins to function properly.

The Martfury theme requires following plugins:

Note: This theme recommends installing and activating only one plugin Elementor or WPBakery Page Builder.

PLEASE INSTALL ALL

Install Plugins

Step 1 – Click to Begin installing plugins the top of the page.

Step 2 – Check boxes to select all the plugins you want to install and click on Install from the dropdown box and then click the button to Apply.

Step 3 – After you have installed all the plugins, click on Return to Required Plugins Installer.

Step 4 – Select the plugins you installed, and apply the bulk action to activate.

Activate & Save Permalinks

To prevent any 404 errors on custom post type pages, after installing and activating plugins for this theme, you need to activate & save permalinks.

Step 1 – Go to SettingsPermalink settings

Step 2 – Select the format you would like to use.

Step 3 – Click the save button.

15

One click import demo content

The easiest way to import our demo content is to use Demo Content Importer. The importer will give you all pages and posts, sample sliders, widgets,  Theme Options, and more with only one click. To import our demo content, please see the steps below.

Step 1 – Download Soo Demo Importer plugin or get soo-demo-importer.zip in the plugins folder of the theme package.

Step 2 – Read our Install a Plugin using the WordPress Admin Plugin Upload or Manually Install a WordPress Plugin using FTP to learn how to install a plugin.

Step 3 – Go to Appearance > Import Demo Data.

Step 4 – Choose the demo and data you want to import.

Step 5 – Click Import.

NB: Remember our tutorial is on Medical ecommerce website, so look for Medical like the screenshot below.

Step 6 – It can take a few minutes to import everything. Please be patient and wait for it to complete. Once it loads, you will see a Import Completed message.

28

Step 7 –  The Final Setup 

There are some things you need to change. To do them, please see the steps below.

Footer Links

  • Go to Appearance >Widgets>Footer Links>select menus you want to show
  • Click Save

Footer Widgets

  • Go to Appearance >Widgets>Footer 1, 2, 3, 4>select menus you want to show
  • Click Save

MailChimp Form

  • Go to MailChimp for WP>Forms:
  • Click Save Changes

Contact Form 7:

  • Go to Contact>Contact forms>Edit Contact form>Mail:
  • Contact Form 7 : There are several things you need to change here such as the email addresses…(as red-made in the screenshot):

Activate & Save Permalinks

To prevent any 404 errors on custom post type pages, after installing and activating plugins for this theme, you need to activate & save permalinks.

  • Go to Settings> Permalink settings
  • Select the format you would like to use.
  • Click the save button.

Custom Site Identity (Now lets get our site ready)

This option will help you edit your title and tagline, and set site icon (The Site Icon is used as a browser and app icon for your site).

Go to Appearance > Customize > General > Site Identity to  change your title, tagline and upload your site icon.

how to create ecommerce website for medical

Newsletter Popup

Newsletter Popup gives you the ability to have an email subscription modal popup. Each time a new user visits your site, the user will see the modal popup for an email subscription.

Go to Appearance > Customize > General > NewsLetter to change your NewsLetter:

How to Change Your Logo

The theme includes options to upload and custom your logo such as: logo width, logo height and logo margin.

Simply go to Appearance > Customize > Header > Logo to upload your logo.

Promotio

Simply go to Appearance > Customize > Header > Promotion to change your promotion.

Promotion Style 1

  • Select Style is style 1
  • Add the Content below

<div class="promo-left">
<h2 class="percent primary-color">20%</h2>
<div>
<span class="label">Discount</span>
<h3>For Books Of March</h3>
</div>
</div>
<div class="promo-right">
<span class="label">Enter Prmotion Code</span>
<h4 class="primary-color">Sale2017</h4>
</div>


Promotion Style 2

  • Select Style is style 2
  • Add the Content below

<div class="promo-left">
<h2 class="percent primary-color">20%</h2>
<div><span class="label">Discount</span><h3>For Books Of March</h3></div>
</div>
<div class="promo-right">
<span class="label">Time Limited Offer </span>
<h4 class="primary-color">Exp: 25 Dec, 2019</h4>
</div>

Top bar

How to enable the top bar?

Currently, the theme just includes top bar in case you choose Header 1, Header 2, Header 4 and Header 5.

Simply go to Appearance > Customize > Header > Header Layout  > Enable Topbar’ to enable/disable your topbar.


How to change the topbar content?

Simply go to Appearance > Widgets > Topbar Left/Topbar Right’ to drag and drop your widgets.

142
  1. Topbar Left: Drag widget here and enter the content of your widget.
  2. Topbar Right: Drag widgets to here and enter the content of your widget.
    1. Language Switcher: Install WPML to setup your language switcher and drag the Language Selector widget here.
    2. Currency Swicher: Install WooCommerce Currency Switcher plugin to setup your currency switcher and drag the WooCommerce Currency Swicher widget here.

Shop by Department Menu

On the Header of Martfury theme, there is a special menu that directs users to the Product Categories, and it is called:  Shop by Department Menu

To change its setting, please go to Customize ▸ Header  ▸ Department Menu, at the end of the panel, you will see settings for Shop by Department Menu.

Department Text

This is the text that shown on the header bar. You can change or translate this phrase in this setting.

Department Link

This is where you enter the link of your Department page.

Department Menu on Homepage

Here you can see two options: Open and Close.

1. Open

Note: If you select “Open” option, the Shop by Department Menu will not close when you clicking it. 

2. Close

Choose the Close option to close the Department Menu when users do not use it.

Editing menu

To edit menu items in the Shop By Department menu, please go to Appearance ▸ Menus ▸ Edit Menus ▸ Select a menu to edit  ▸ Shop By Department.

Account (User login type)

This section allows you to set up how to display user account: by Icon or Avatar?

  • How Avatar user type looks like:
  • How Icon user type looks like:

Create New Menu

Following these steps to create a menu.

Step 1 – Go to Appearance > Menus

Step 2 – Click the create a new menu link to create new menu.

98

Step 3 – Select items from the left meta boxes and click Add to Menu

Step 4 – On the right, feel free to drag and drop menu items to organize them

Step 5 – When you’re done moving menu items, check a menu location at the bottom of the page

Step 6 – Click Save Menu

By default WordPress only shows the basic menu items, but you can scroll on top page, click to ‘Screen Options’ and check section menu you want to show. Such as Product Categories, Products.

102

Footer Layout

Simply go to Appearance > Customize > Footer > Footer Layout to change your footer.

Blog Page Setup

The theme includes support for a blog which displays your latest posts. You need  to create your blog page using the default template and  set your blog page under Settings > Reading, with this way we will use the index.php template file instead.

159

Wocommerce Setup

Variable Product

Attributes

Go to Products > Attributes. In the Add new attribute area, fill in the form to create a new color attribute.

After you clicked the Add attribute button, you will see your color attribute has been created. Click Configure terms to config your color.

To add a new color, fill in the form Add new Color name of the color, then select its shown color from Color Chooser as below. Finally, remember to click Add new Color button.

You can add as many colors as your products need.

Variable Product

Go to Products > All products > then choose a productSelect a product you want and edit it.

Go to its Product Data and change it to Variable Product.

Then, go to Attributes and add color and size attributes to the product with these settings.

Then, go to Variations and add variation.

You will then get a result seems like this.

Next step, set regular price and fill your price in each Variation. Also change its feature image for each color.

Update the product, view and check how it changed.

Swatches

You can also change this swatcher.

Simpy go to Swatches > Color then change your settings into your like. For example, we change the swatch type in to Custom Image and its style to Square. So we must provide a image for each Variation by click the Edit link in each Variation and upload its image.

You will then get a result like this.

Finally, save all the changed settings, update your product and do to its Product page to check your product. Remember to choose the size first then choose the color later.

WooCommerce Pages

Upon installation, WooCommerce creates the following new pages via the Setup Wizard:

  • Shop – No content required.
  • Cart – Contains

    Your cart is currently empty.

    Return to shop

    shortcode and shows the cart contents
  • Checkout – Contains
    shortcode and shows information such as shipping and payment options
  • My Account – Contains
    shortcode and shows each customer information related to their account, orders, etc.

Install pages again

If you skipped the Setup Wizard or want to install missing WooCommerce pages, go to WooCommerce > Status > Tools and use the page installer tool.

Tell WooCommerce what pages to use

If you set up new pages yourself, or want to change what pages are used for things like cart and checkout, you need to tell WooCommerce which pages to use.

To tell WooCommerce what pages to use for Cart, Checkout, My Account, and Terms and Conditions, go to WooCommerce > Settings > Advanced.

To tell WooCommerce what pages to use for the Shop page go to WooCommerce > Settings > Products.

What is the Shop page?

The Shop page is a placeholder for a post type archive for products. It may render differently than other pages in your install.

If you’re using SEO plugins, they may include settings specific to custom post type archives, and these settings are what you should be using to control the shop page.

This page should be compatible with all WordPress themes, even ones not made specifically for WooCommerce, as of version 3.3x. Should you be using a custom/child theme or a version of WooCommerce prior to 3.3x, or experiencing a compatibility issue, go to: Third-party/custom theme compatibility.

How to enable customer registration

https://youtube.com/watch?v=V_yaL8QL5J8%3Ffeature%3Doembed

1, By default, WooCommerce plugin disable register function. Just go to WooCommerce > Settings > Accounts > Customer registration and check these options.

2, If only Log in form is shown but not the Register form, go to WooCommerce > Settings > Accounts and uncheck Automatically generate username from customer email option.

My Account (LOGIN/SIGNUP SETUP)

This section tells you how to change the settings of “My account” page (or Login/Register page)

Page Layout

The theme includes 3 layouts for this page and you can see the demo here:

To change the layout, please go to Appearance > Customize > Woocommerce > Account Page >  select Login & Register Layout

To know the difference between those layouts, please have a look at the images below:

1. Login with Tabs

2. Login with Columns

3. Login with Promotion

You can edit the promotion content by entering the format below:

  • Promotion Title: Sign up today and you will be able to:
  • Promotion Text: MartFury Buyer Protection has you covered from click to delivery. Sign up or sign in and you will be able to:
  • Promotion List:
<ul>
 <li><i class="icon-credit-card"></i>SPEED YOUR WAY THROUGH CHECKOUT</li>
 <li><i class="icon-clipboard-check"></i>TRACK YOUR ORDERS EASILY</li>
 <li><i class="icon-bag2"></i>KEEP A RECORD OF ALL YOUR PURCHASES</li>
 </ul>
  • Ads Title: $25
  • Ads Text:
<h4>A small gift for your first purchase</h4>
Martfury give $25 as a small gift for your first purchase. Welcome to Martfury!

How to add/display registration tab

In some cases, you may not find the registration tab, or do not know where to register a new account like this:

The registration feature is generated by WooCoomerce, so you have to go to its settings to turn it on. Please go to WooCommerce > Settings > Account & Privacy > in the section: Account creation > tick the check box: “Allow customers to create an account on the “My account” page“.

How to translate the Login/Register box?

In case you are using Loco plugin, please go to Loco Translate -> Theme -> Martfury -> search for the phrase and translate it.

Here is the guideline: http://docs.drfuri.com/martfury/1-how-to-translate-the-theme/

Log in with Social Accounts

To allow visitors to log in the shop with their social accounts (e.g. Facebook, Twitter), you can try to search on WordPress install the plugin below:

https://wordpress.org/plugins/oa-social-login/embed/#?secret=jgw1lcCZHV

Note: Here is our suggestion. We do not claim any responsibility for these plugins because this is out of our scope.

How to change My Account navigation links

Please go to WooCommerce -> Settings -> “Advanced” tab -> look for the section Account endpoints -> Remove “downloads” > Hit Save.

For further customizations, please contact WooCommerce team to get support because this page is created by them.

Thanks for Reading Please Comment below

Leave a Reply

Your email address will not be published. Required fields are marked *