Request a quote app for shopify

Request a quote is an app working on Prestashop platform. If this app is used on your website, your customers will contact you or the shop owners via contact forms. After discussing and giving out a mutual price agreement, customer party carries out payments and store party will deliver goods.

request a quote

In common shops, customers get access to the website and choose products. After choosing theirfavorite products, they go to checkout and complete the orders. With request a quote, customers and shop owners will have more interaction and experiences than that. There are some customers asking you to provide product list for them to refer. Now, you only need to drag and drop products and choose proper prices and send them to the customers. This way is quite effective for stores that sell products to a huge number of customers. Therefore you can control different price levels for different customer groups such as new customers, loyal customers, wholesalers, and retailers, etc. Not listing product prices on the website helps your customers quote price more easily so that they can buy with a fair price.

Request a quote allows you to upload attached files. Therefore you can sell custom-made products according to customers’ requirement. It will be so great if buyers can buy the product they design themselves. If you are selling handmade products such as leather, fine arts, etc. it will a good choice. In this way, many stores selling cotton shirts designed by users also get success.

Request a quote form is easily created by dragging and dropping by shop and stores owners. The form supports many input types so that you don’t need to worry about creating a diversified form.

About emails used in contacting between customers and shop owners, you can personalize them by changing email template. You can edit any content in the template.

With our experience of developing webs for many years, recently, the number of customers asking us to hide the prices on their website and provide request a quote solution is getting more and more. You can absolutely apply this new change to your store. I think it is an effective solution that boosts your revenues. Don’t worry about the app’s cost because there are both free and fee-charged app versions.

If you are interested in “request a quote” Shopify app, please get access to https://apps.shopify.com/request-for-quote  to try installing and check demo websites.

How to create a menu from mega menu app Shopify

Creating a menu for your store from a mega menu app Shopify is as easy as pie. You will absolutely feel interesting and have fun when playing around with our Globo mega menu app.

Add a menu item

In the menu builder, you click on “Add item” button:

mega menu app Shopify

A popup turns on to add your details:

  • Icon: No icon is chosen by default. You should select a suitable icon in the existed dropdown icon list.
  • Title: This fieldpurpose is to add the Menu title.
  • URL: Put a link to this menu item. You can link your menu item to the page you want whether it’s a collection of products or even a custom link.
  • Submenu:You have three types to choose from: No submenu, Dropdown Menu, or Mega Menu.

mega menu app Shopify

Lastly, you click “Add” to save those data.

Build a dropdown submenu

In order to create a drop-down tree submenu, you should select “Dropdown” option in the “Submenu Type” field. See screenshot below:

mega menu app Shopify

Now, you hover the mouse over this menu item to add more submenus.

  • Add sub-sub menus: You should click on the “Add item” button on the right side of the current menu item.
  • Add same level menu items: You should click on the “Add item” button at the bottom of the current menu item.

With our Globo Mega Menu app, you can create the unlimited dropdown sub-menu level. It will definitely help your navigation clear and look professional.

Build a mega menu item

In order to create a mega menu item, you should select “Mega Menu” option in the “Submenu Type” field. See screenshot below:

mega menu app Shopify

Mega menu app Shopify supports multiple menu block types:

  • Tabs
  • Block Links
  • Image
  • Html
  • Product
  • Product list
  • Contact form

mega menu app Shopify

You are also able to adjust the width value for each block type which helps with designing your menu easily.

Add a tab menu

In the block type field, select “Tabs” option. We strongly recommend using Full width with Tab menu items.

mega menu app Shopify

Add block links

You should select “Block Links” type in the “Block Type” field. You can add more item to this block link by clicking on “Add item” button.

mega menu app Shopify

Add a product to the menu

  • Block type: Choose “Product” option.
  • Width: Decide width value for this product

mega menu app Shopify

A list of products in your store will be shown up for you. You choose a suitable product, then click on “Select Product” button.

mega menu app Shopify

Note: Each product block can be displayed one product only. You can repeat those above steps to add more products to your menu. Screen result:

mega menu app Shopify

Add a product list to the menu

In the block type field, select “Product List” type. You can choose from existed lists (New Product, Best Seller, Collections) or create a custom list by using “Manually” option.

mega menu app Shopify

Add a contact form

In the Block type, select “Contact form” option.

mega menu app Shopify

Result:

mega menu app Shopify

Add an image to the menu

In the “Block type” field, select “Image” option. Note: You should resize your image before uploading in order to not affect the loading site speed. The allowed size for an image should be smaller than 1000×1000 pixel.

mega menu app Shopify

Add HTML to menu

In the “Block type” field, select “HTML” option. We usually add HTML code such as YouTube video or Google Maps iframe.

mega menu app Shopify

Through this tutorial, we believe that you are able to build your own mega menu by using mega menu app Shopify. We also create guidance videos about this topic. If you have any problems while using this app or want to experiment with our Globo Mega Menu app, please do not hesitate to contact us.

Powerful Form Builder app shopify

Powerful Form Builder is the app supporting to create forms quickly in Shopify source code. With modern websites, the interaction between website owners and visitors is quite important. Not only that, forms have many applications in practice. But, creating a suitable form that meets the need of customers is not easy. However, this work is never so easy with form builder Shopify app.

Previously, forms were mainly used for contacting between admin and customers. But recently they have had many features for various purposes. For example, customers order your products via forms. When customers place orders, data about the orders will be sent to email and back office. Based on the information, the store owners deliver goods to customers and receive payments.

Powerful Form Builder supports many input fields including checkbox, textbox, google map, upload file,recaptcha, rating field, range slider, etc. which are suitable for all requirements of building a form. Therefore, you do not need to worry about how to create a various form when using this app.

When installing the app, the site’s interface is not affected. Forms created can be displayed in many devices such as PC, tablet, mobile phone.

Moreover, fields in Powerful Form Builder have the feature that identifies input validation. Its purpose is to make sure that customers fill in the correct input types. For example, in field number, you are not allowed to input words or special characters.

  • Name – check the validation of name
  • Email – check the validation of email
  • URL web – check the validation of URL
  • Number – check the value of integers
  • Percentage – check the value of percentage (from 0 to 100)
  • Requires fields – require customers to fill in this field before sending the form

You could refer form builder as well as demos at here

How to install Shopify Mega Menu app

The previous article is about Globo Mega Menu app introduction. In this article, we have introduced about the app and the reasons why you should choose Shopify Mega Menu instead of the others. This article will help you install and use this app.

Firstly, you get in your store and click on app link to start searching app.

Shopify Mega Menu

In Search cell, type Shopify Mega Menu and click on Globo Mega Menu in the searched results as below

Shopify Mega Menu

As other common apps, click on Install app to start installing.

Shopify Mega Menu

After installing, get back to Apps of Shopify. If the installing process is successful, you will see as below

Shopify Mega Menu

Click on Globo Mega Menu to configure the menu. The operating principle of mega menu app is that it replaces an available menu in store website. Therefore, before working with the menu, you should know where the menu will be saved.

After installing, for the first time, you will face the below situation. This is just when the system is installing, you should wait for a few seconds.

Shopify Mega Menu

Working screen of mega menu shows up

Shopify Mega Menu

INTEGRATE

 

In this item, you should choose on which theme mega menu works. A good feature of Shopify is that you could create a theme and test on its preview mode without affecting live site. I suggest that you should duplicate the theme you are using, and then choose the duplicated theme to test. Afterthe tested theme building process is completed, you replace the live theme with it. It is because when menu interface is not fully completed, it will affect your customers if you change the live theme.

Shopify Mega Menu

GENERAL

In this part, you choose in which location mega menu is. If you choose No replace, it means that mega menu will not works and default menu of Shopify will be used.

You can choose between a horizontal menu and vertical one to be suitable for your website.

Shopify Mega Menu

COLOR

Here you can change the color for the menu. Look at the image below, we can see that it is easy for you to edit background, text color, hover effects or menu border, etc.

Shopify Mega Menu

FONT

Here you can absolutely control your menu, submenu, and content boxes’ font and font size so as to satisfy your creativity. Font library is various and updates always to ensure your satisfaction.

RESPONSIVE

This menu is suitable for both PC and smaller-screen devices. You can know which size is used for computer and which size is used for mobile devices. Figure 992 is appropriate and commonly used for most current devices.

Shopify Mega Menu

This article provides you withoperating principle and configuration of Shopify Mega Menu . After installing this app, you will have a nice menu by default. You can entirely use and edit it to be suitable for your store.

Shopify Mega Menu

Globo Mega Menu app for shopify

Globo Mega Menu is one of many products of a famous company which is Globo Software Solution Joint Stock Company. This app works on Shopify  platform supporting users to create nice mega menus quickly without technical knowledge about code. Shopify is known to be simple, visual and easy to install, therefore it is commonly chosen to build up e-commerce websites.

Shopify’s free theme supports to create simple forms by default but it does not include mega menu. In modern websites, mega menu plays an important role. Firstly, users will have more experiences, making them more excited. Secondly, mega menu can embed advertisements, which helps increase store’s revenues. Therefore, Globo Mega Menu appears to help web owners reach these advantages.

With four submenu types, you can absolutely create unique menu types for your store website

  • Drop down menu: This is the common menu used in many websites. If your store has lots of collections and product portfolios, this menu type is good for you.
  • Tabbed submenus: If you want to own a new and fresh menu, please consider this menu type. You can use dynamic content (product, collection) or static content (HTML, Image) for tab menu.
  • Outstanding products: You can boost the number of customers by letting them know which products are bestselling to attract them to buy.
  • Linked list: It let customers know many other useful links so that customers can access to more product portfolios.

If your store website is built on Shopify platform, I suggest that you should use Globo Mega Menu due to following features:

  • Easy to customize
  • Work well on all browsers
  • Easy and simple to use
  • Compatible with all available themes. If your theme is customized, please contact us to receive support.
  • Support nice submenus
  • Support both vertical and horizontal menus
  • Add product list to menu
  • Insert HTML, and images to menu
  • Allow many columns and rows in one menu
  • Edit font, and color
  • Add contact form to menu

 

 

How to install Advance custom fields pro module via FTP

Advance custom fields pro could be installed in many common ways. You can install it via back office, FTP or by using management file to upload the module. This article will show you how to install the module by using FTP because this way is very convenient. You can use lots of supporting software which are free or not. I like using Filezilla because it is simple, free, easy to use and install.

You can download Filezilla here: https://filezilla-project.org/download.php

Preparation

You should contact your service supplier to request for FTP information including server, username, password and port number. Of course, we need advance custom fields pro module file.

Download and unzip this file, we have a folder as below

Advance custom fields pro

Proceed

Start Filezilla FTP program, enter information that your supplier provides.

In Remote site, clickon module folder of the website.

In Local site on the in the left side, search for unzipped custom fields module folder, click the right mouse button on the module folder, then click on Upload as below

Advance custom fields pro

After uploading successfully, we get inthe back office of Pretashop site. Hover cursor at “Modules then click on Modules & Services” as below

Advance custom fields pro

Click on “Selection”, then enter text “g_custom” and click on “Search”. In the searched results, find “Custom fields module – registration form and checkout”, and click “INSTALL”.

Advance custom fields pro

After a few seconds, the module will be installed successfully. If you see “Configure” as below, congratulations, you have completed installing. You can create new forms and fields in account registration page, shipping step or payment step in checkout page.

Advance custom fields pro

After this lesson, you have known how to install advance custom fields pro via FTP software. If you have any problem, please feel free to contact us. We are willing to support you to install and configure it according to your demand.

 

 

How to install Prestashop custom fields module via backoffice

Prestashop custom fields module is the module that helps users add extra custom fields to a registration form or checkout page. With the support of all input types, users are able to create different types of form.

You can have a view at the previous module introduction article here This article will help you install Prestashop custom fields module via backoffice.

Preparation

Please make sure that you have installed Pretashop and downloaded Prestashop custom fields already. Depending on which the version you are using, you should choose the corresponding module to use. In this example, we will install the module on Pretashop 1.7.

Implementation

Firstly, you log in the back office, then hover cursor at “Modules” and click on Modules & Services

Prestashop custom fields

In the next screen, click on UPLOAD A MODULE as below:

Prestashop custom fields

One popup shows up. You can drag Prestashop custom fields module zip file and drop to the window below to start an upload.

Prestashop custom fields

Search for the zip file you have downloaded, put duplicate clicks on it or click once then click open to upload the file on the system.

Prestashop custom fields

Custom fields module installation process takes place quickly and automatically. You do not need to do anything more.

Checking operation

Configuration and user guide will be performed in detail in another article. In this article, we only instruct how to install the module and make sure that it works on the website.

To administrate the module, click on plus button as below

Prestashop custom fields

We can check by taking a simple example “Prestashop how did you hear about us”. It is to collect extra user information. You drag and drop files and carry out as below

Prestashop custom fields

Now, check the member registration part. You will see the part bordered in red below.

Prestashop custom fields

After this lesson, you have known how to install install Prestashop custom fields module via backoffice. If you have any problem, please feel free to contact us. We are willing to support you to install and configure it according to your demand.

 

How to config Prestashop custom fields and create fields in registration forms and checkout pages

Prestashop custom fields is the module that helps create fields in registration forms and checkout pages. This module is to create and add extra fields instead of displaying only default fields. To be friendly with most of the users, Custom Fields has integrated various input types so that users can choose them freely.

Firstly, after installing Prestashop custom fields, click on the module. Type keyword g_custom and click on “Search”. Click on CONFIGURE in the searched result.

Prestashop custom fields

Create new fields by clicking on plus button below

Prestashop custom fields

Add fields to register form

In this case, we name form title as Registration form.

In Position, we choose Registration form as below.

Prestashop custom fields

On the left side of the screen, we will see many supporting fields. Depending on our aim, we drag and drop appropriate fields.

Prestashop custom fields

For example, we will collect customer information as below

  • What is your favorite color?
  • Can you introduce about yourself?
  • Where are you from?

We add a new field as below

Prestashop custom fields

  • Label: This label will be displayed on frontend
  • Field name: there is an existing name by default, you could use this name or edit it
  • Required field: when you enable this item, it is obligatory for user to fill in this required field
  • Register Newsletter if input value is email: when you enable this item, email will be delivered to Newsletter if users fill email in this field.
  • Label position: there are four positions of the label including top, left, right, and hidden.
  • Validation type: It is to validate which type of data can be filled. By default, there is no need for using validation type. But you can check data according to a specific type if necessary. For example, data type filled in must be email, if users fill in another data type, it will show error and require user to fill again.
  • Description: you can describe in detail so that customers can know what to fill.
  • Html id, Html class: These two items are created by default. You can edit themaccording to your needs for conveniently creating interface style.
  • Editable by customer: It allows customers to edit information after filling in. This item only applied in fields in registration form.

Similarly, we add three fields as below

Prestashop custom fields

The system will use the layout of bootstrap by default. Therefore you can align the width of form as well as the width of fields by clicking on the symbol and choosing value as below. There are available interfaces for three common devices including PC, tablet, and mobile phone. If you choose value 12/12, the full width will be displayed. It will be half of the full size if you choose 6/12. Is it so convenient!

Prestashop custom fields

Here is the result in the front site

Prestashop custom fields

In order to see the contents you have filled in the fields supported by Prestashop custom fields, after login, choose “My account”, click on “Additional information”. Or you can use this link: youdomain/en/my-account/additional.html (If you don’t use English, you can change the language of the site)

We have just finished instructing how to configure the custom fields module as well as how to add fields to the registration form. If you have any problem, you can view the following video, it is quite easy. If your site does not work or you have any problem, please feel free to contact us.

Prestashop custom fields

After clicking on Additional information, the contents we have filled in the registration form will be displayed as below. We can absolutely edit these contents by clicking on Edit.

Prestashop custom fields

 

 

 

 

 

 

php write string to file

php write string to file has many practical applications such as creating cache, writing log file. This process includes opening file, writing file and closing file.

Use function fopen() to create file

This function’s purpose is to open file. However, in PHP, when using Fopen(), if no file exists, a new file is created. Here is an example, $file_name = fopen(“myfile.txt”, “w”).

When running this function, if there is myfile.xtx file in a folder including PHP file, this function will open this file. But if myfile.xtx file does not exist, it will open a newly empty file with the same name. If you run this code but no file is created, maybe this folder does not have the right to write a file. You should decentralize or contact hosting supplier to receive support.

Use function fwrite() to write content in file

This function’s syntax is fwrite($file_name, $txt). In which $file_name is the name of file. $txt is the content we need to write in this file.

Here is an example:


$txt = "lamborghini\n";
fwrite($file_name, $txt);
$txt = "range rover \n";
fwrite($file_name, $txt);
 

In the first line, we assign the content needs to be written as “lamborghini”

The second line’s aim is to write the content in file text we have opened at first.

In the third line, new content is “range rover”. In the fourth line, the content in the third line is written in the file.

By four lines of code above, two contents lamboghini and range rover are written in file text.

php write string to file

Close file by function fclose($file_name);

This is the last function of program “php write string to file” with the aim to close the file which we have opened and written contents in.

Overwrite file

php write string to file” also can overwrite old contents. It means that you have written content A already, in next time, content A will be deleted and replaced by content B. This feature is often applied in creating cache for server or generating form builder, etc. New data is saved and old data is deleted after each creation.

Below is the complete codes of this program.

<?php
$file_name = fopen("myfile.txt", "w") or die("Unable to open file!");
$txt = "lamborghini \n";
fwrite($file_name, $txt);
$txt = "range rover \n";
fwrite($file_name, $txt);
fclose($file_name);
?> 

Writing files is quite important in using php. However, to create a full website, we need to do many things such as operating the database; editing interface; add Google maps to website; creating home page, contact page and about us, etc.

How to add Google maps to website

Google map is an indispensable tool in road guide. Due to its advantages, it is added to contact pages of websites. It helps customers identify exactly where your shop is. Moreover, there is a road guide button on the map, which helps customers plan and choose the most convenient way.

It is quite simple for people who know about code well to add Google maps to website. They use API of Google, code HTML, and Javascrip to display maps. However, many shop owners and web developers on Shopify platform don’t know about code well. If you want a contact page to include both form and Google map, you should use Powerful form builder. Because this form builder app can be used for free with fully responsive as well as easy to add more fields, it is suitable for many devices such as PC, Ipad or cell phone.

Below is the instruction how to add Google maps to website

In back office, press Powerful form builder app

 

add Google maps to website

 

There is an available form for you by default, you can delete or edit it.

 

add Google maps to website

 

Drag and drop Google maps to the place you want to add form.

 

add Google maps to website

Popup is showed up by default. You can rename in label item. You can hide or display this label by changing status on/off as below.

In url item bordered in red, please enter ifram of gmap address you want to add. If you don’t know how to get it, please view the next step.

add Google maps to website

 

 

 

 

On gmap page, you identify the address you want to add. For example, Los Angeles is added as the address. Click Share and embed map on the left side.

 

add Google maps to website

A window shows up as below. Click Embed a map and copy this link, come back and enter it on the app.

add Google maps to website

Here is the result:

 

add Google maps to website

We have finished the instruction how to add Google maps to website by using form builder shopify app. With this Shopify app, we could absolutely create a personalized, stunning and colorful contact page.