Neon signs and channel signs are two distinct types of signage, each with its own characteristics and construction methods.
Neon Signs: Neon signs are iconic and renowned for their vibrant, glowing illumination. They are crafted using glass tubes filled with neon gas, which emits a bright and colorful light when an electrical current is applied. Neon signs are known for their distinctive, retro aesthetic and are often associated with nostalgic and vintage themes. They can be shaped into various letterforms, symbols, or designs, creating a unique and eye-catching display. Neon signs are typically handcrafted by skilled artisans and require specialized expertise for installation and maintenance.
Channel Signs: Channel signs, also known as channel letter signs, offer a different approach to signage. They are constructed using individual 3D letters or shapes made from metal or plastic. These letters are typically hollow and can house various types of lighting sources, such as LED modules. Channel signs provide a clean and modern appearance, with a focus on precision and versatility. They are often used for commercial signage, branding, and storefront displays. Channel signs offer flexibility in terms of design, as they can be customized with different fonts, sizes, and finishes to match specific branding requirements.
In summary, while neon signs utilize gas-filled glass tubes for vibrant illumination, channel signs feature three-dimensional letters or shapes with various lighting options. Neon signs evoke a retro aesthetic, while channel signs offer a modern and customizable approach to signage. The choice between the two depends on the desired visual style, branding objectives, and the specific requirements of the signage project.
In addition to understanding the differences between neon signs and channel signs, our plugin empowers you to leverage the unique qualities of each sign type to create the best possible outcome. With NCPC, you can capitalize on the distinct characteristics of neon signs, harnessing their retro charm and vibrant glow to bring a nostalgic ambiance to your website. Simultaneously, you can tap into the precision and modern aesthetic of channel signs, customizing 3D letters or shapes with various lighting options to achieve a sleek and professional look. Our plugin provides the tools and features necessary to optimize your designs for both neon and channel signs, ensuring that you can create visually stunning signage that aligns perfectly with your branding objectives and desired aesthetic.
Illuminating Your Options: Neon vs. Channel Signs with NCPC
Neon signs and channel signs are two distinct types of signage, each with its own characteristics and construction methods.
Neon signs :
Are notable and prestigious for their lively, gleaming brightening. They are made utilizing glass tubes loaded up with neon gas, which emanates a brilliant and bright light when an electrical flow is applied. Neon signs are known for their particular, retro tasteful and are frequently connected with nostalgic and classic subjects. They can be molded into different letterforms, images, or plans, making a one of a kind and eye-getting show. Neon signs are ordinarily hand tailored by gifted craftsman and require specific skill for establishment and upkeep.
Channel Signs:
Also know as channel letter signs, offer an alternate way to deal with signage. They are built utilizing individual 3D letters or shapes produced using metal or plastic. These letters are commonly empty and can house different sorts of lighting sources, like Drove modules. Channel signs give a spotless and current appearance, with an emphasis on accuracy and flexibility. They are frequently utilized for business signage, marking, and customer facing façade shows. Divert signs offer adaptability concerning plan, as they can be redone with various textual styles, sizes, and wraps up to match explicit marking prerequisites.
In rundown, while neon signs use gas-filled glass tubes for energetic enlightenment, channel signs highlight three-layered letters or shapes with different lighting choices. Neon signs summon a retro tasteful, while channel signs offer a cutting edge and adjustable way to deal with signage. The decision between the two relies upon the ideal visual style, marking targets, and the particular necessities of the signage project.
On the NCPC plugins Both Neon and Channel have different component in each of them. In the Neon there is color to be used meanwhile in the Channel it is not color that is used it is letter type which a difference the two.
Choosing the right signage for your project is an important decision. Both neon signs and channel signs have their own unique characteristics, and understanding the differences can help you make the perfect Signs.
NCPC Teams Considerations
Simple vs Advanced ( Pricing / Sizes )
The NCPC plugin have two types of pricing and sizing which are :
Simple
Advanced
The two are available in the Pro pack but only the simple is available in the Starter pack.
Simple :
For basic mode, sizes are fixed. Sizes are fixed. You can set the number of characters. And the number of lines for sizes. The simple pricing model is planned in light of effortlessness, making it simpler for novices to comprehend and explore. It regularly offers clear estimating structures without complex levels, additional items, or secret expenses. This lucidity permits amateurs to rapidly get a handle on the valuing design and settle on informed choices.
Advance : Whereas in advance mode, you can’t set the number of characters or lines. You set the height and width of your sign and size. You set the height and width. You specify the number of characters least that the size should be. This is the recommended way. The same applies to the straightforward mode. You can also set the number of characters.
To summarize what said now, for basic mode, you can set the least character, the most extreme character and the number of lines, and for advance mode you set the least number of characters, the number of lines is limited, the number of characters is limited.
Neon vs Channel ( Product type )
Illuminating Your Options: Neon vs. Channel Signs with NCPC
Neon signs and channel signs are two distinct types of signage, each with its own characteristics and construction methods.
Neon signs :
Are notable and prestigious for their lively, gleaming brightening. They are made utilizing glass tubes loaded up with neon gas, which emanates a brilliant and bright light when an electrical flow is applied. Neon signs are known for their particular, retro tasteful and are frequently connected with nostalgic and classic subjects. They can be molded into different letterforms, images, or plans, making a one of a kind and eye-getting show. Neon signs are ordinarily hand tailored by gifted craftsman and require specific skill for establishment and upkeep.
Channel Signs:
Also know as channel letter signs, offer an alternate way to deal with signage. They are built utilizing individual 3D letters or shapes produced using metal or plastic. These letters are commonly empty and can house different sorts of lighting sources, like Drove modules. Channel signs give a spotless and current appearance, with an emphasis on accuracy and flexibility. They are frequently utilized for business signage, marking, and customer facing façade shows. Divert signs offer adaptability concerning plan, as they can be redone with various textual styles, sizes, and wraps up to match explicit marking prerequisites.
In rundown, while neon signs use gas-filled glass tubes for energetic enlightenment, channel signs highlight three-layered letters or shapes with different lighting choices. Neon signs summon a retro tasteful, while channel signs offer a cutting edge and adjustable way to deal with signage. The decision between the two relies upon the ideal visual style, marking targets, and the particular necessities of the signage project.
On the NCPC plugins Both Neon and Channel have different component in each of them. In the Neon there is color to be used meanwhile in the Channel it is not color that is used it is letter type which a difference the two.
Choosing the right signage for your project is an important decision. Both neon signs and channel signs have their own unique characteristics, and understanding the differences can help you make the perfect Signs.
NCPC Teams Considerations
Intro
Welcome to the documentation for All Signs Options plugin for WooCommerce, the revolutionary plugin designed to transform the process of selling and ordering custom signs online easy fast and reliable. It’s designed for companies and individuals in the signage industry, offering an all-in-one solution that simplifies design, customization and ordering. To better understand what All Signs Options plugin is and how it works, please read the following articles.
All Signs Options (ASO) is the ultimate plugin for making selling all types of custom signs with WooCommerce easy. It’s designed to streamline and improve the custom sign design, quoting and ordering process for sign makers and their customers with a beautiful, user-friendly configurator offering flexible options for configuration on your online store and covering a wide range of materials. ASO simplifies the workflow of sign makers and sellers, while offering endless creative possibilities for their projects.
For your custom sign making and selling business, ASO provides a robust plugin that easily integrates with your WooCommerce store, enabling effortless management of custom sign orders. The plugin’s user-friendly interface ensures that installing and configuring your sign creation options and pricing is quick and simple, so you can earn more sales with less effort.
For your customers, ASO transforms the sign creation process into an enjoyable, interactive experience. Customers can visit your website, use the intuitive design tools and choose from several templates to create customized signs that meet their exact specifications. Once their creations are complete, they can submit their orders directly on your site. This streamlined process not only improves customer satisfaction, but also increases sales and leads for your company.
ASO Concepts/Terms
We believe that every design is based on a material, whether printed or engraved. We’ve therefore introduced the concept of material into our plugin, distinguishing between two types of material: simple and advanced. For a realistic view of designs, we’ve integrated method fixings representing the different design support methods, and shapes highlighting the different forms our design can take.
Here are a few terms to help you understand the lexicon of the plugin and how it works.
ASO: All signs Options (Sign Product customizer plugin)
Material: The base substances used for creating signs (e.g., wood, vinyl, acrylic).
Material simple: The simple material mode offers your customers flexibility by allowing them to manipulate the shape, color and border of the material used. It is therefore a material in its standard form, allowing different variations to be applied to the material.
Material advanced: The advanced material mode presents specific variations of the material chosen by the user, with less flexibility when it comes to variations applied to the material. Advanced material comes with its own size, background, shape and border.
Configuration: It’s a set of defined properties or options that is assigned to a product to make that product becomes customizable. It contains the various parameters required to load and run the editor attached to the customizable product.
Customizer/Configurator : A editor within ASO that allows users to personalize their sign designs and get a realistic view of their designs.
Fixing method : The techniques used to mount or display signs (e.g., adhesive, screws).
Shape : The shape of the sign can be square, round, triangle, polygonal, etc…
Template : Pre-designed sign layouts that can be customized.
What is All Signs Options ?
What ASO ?
All Signs Options (ASO) is the ultimate plugin for making selling all types of custom signs with WooCommerce easy. It’s designed to streamline and improve the custom sign design, quoting and ordering process for sign makers and their customers with a beautiful, user-friendly configurator offering flexible options for configuration on your online store and covering a wide range of materials. ASO simplifies the workflow of sign makers and sellers, while offering endless creative possibilities for their projects.
For your custom sign making and selling business, ASO provides a robust plugin that easily integrates with your WooCommerce store, enabling effortless management of custom sign orders. The plugin’s user-friendly interface ensures that installing and configuring your sign creation options and pricing is quick and simple, so you can earn more sales with less effort.
For your customers, ASO transforms the sign creation process into an enjoyable, interactive experience. Customers can visit your website, use the intuitive design tools and choose from several templates to create customized signs that meet their exact specifications. Once their creations are complete, they can submit their orders directly on your site. This streamlined process not only improves customer satisfaction, but also increases sales and leads for your company.
Welcome to NCPC! We are delighted to have you on board as a valued user. This getting started guide is designed to help you navigate through the initial setup and unleash the full potential of our powerful plugin.
NCPC is a revolutionary tool created to enhance your signs. Whether you are a seasoned professional or just starting out, our plugin is designed to simplify complex tasks and elevate your workflow to new heights.
In this guide, we will walk you through the essential steps to get up and running with NCPC. From installation to configuration, we will provide you with clear instructions, helpful tips, and best practices to ensure a smooth and seamless experience.
Now that you have a glimpse of the amazing capabilities that NCPC offers, let’s dive into the steps to get started:
How to install: Learn how to install NCPC on WordPress
Configuration: Discover how to configure NCPC to align with your specific needs and preferences.
2.a Neon Simple
2.b Neon Advanced
2.c Channel Simple
2.d Channel Advanced
Exploring the Interface: Get acquainted with the user-friendly interface of NCPC and learn how to navigate its various features and options.
Core Functionality: Delve into the core functionalities of NCPC and uncover the myriad ways it can enhance your Signs.
Advanced Tips and Tricks: Unlock the full potential of NCPC by mastering advanced techniques, shortcuts, and lesser-known features.
Throughout this journey, our dedicated support team is available to assist you with any questions or concerns. Don’t hesitate to reach out to us; we’re here to ensure your experience with NCPC is nothing short of exceptional.
So, without further ado, let’s embark on this exciting adventure. We can’t wait to see how it transforms your Signs and empowers you to achieve remarkable results.
Illuminating Your Options: Neon vs. Channel Signs with NCPC
Neon signs and channel signs are two distinct types of signage, each with its own characteristics and construction methods.
Neon signs :
Are notable and prestigious for their lively, gleaming brightening. They are made utilizing glass tubes loaded up with neon gas, which emanates a brilliant and bright light when an electrical flow is applied. Neon signs are known for their particular, retro tasteful and are frequently connected with nostalgic and classic subjects. They can be molded into different letterforms, images, or plans, making a one of a kind and eye-getting show. Neon signs are ordinarily hand tailored by gifted craftsman and require specific skill for establishment and upkeep.
Channel Signs:
Also know as channel letter signs, offer an alternate way to deal with signage. They are built utilizing individual 3D letters or shapes produced using metal or plastic. These letters are commonly empty and can house different sorts of lighting sources, like Drove modules. Channel signs give a spotless and current appearance, with an emphasis on accuracy and flexibility. They are frequently utilized for business signage, marking, and customer facing façade shows. Divert signs offer adaptability concerning plan, as they can be redone with various textual styles, sizes, and wraps up to match explicit marking prerequisites.
In rundown, while neon signs use gas-filled glass tubes for energetic enlightenment, channel signs highlight three-layered letters or shapes with different lighting choices. Neon signs summon a retro tasteful, while channel signs offer a cutting edge and adjustable way to deal with signage. The decision between the two relies upon the ideal visual style, marking targets, and the particular necessities of the signage project.
On the NCPC plugins Both Neon and Channel have different component in each of them. In the Neon there is color to be used meanwhile in the Channel it is not color that is used it is letter type which a difference the two.
Choosing the right signage for your project is an important decision. Both neon signs and channel signs have their own unique characteristics, and understanding the differences can help you make the perfect Signs.
NCPC Teams Considerations
Simple vs Advanced ( Pricing / Sizes )
The NCPC plugin have two types of pricing and sizing which are :
Simple
Advanced
The two are available in the Pro pack but only the simple is available in the Starter pack.
Simple :
For basic mode, sizes are fixed. Sizes are fixed. You can set the number of characters. And the number of lines for sizes. The simple pricing model is planned in light of effortlessness, making it simpler for novices to comprehend and explore. It regularly offers clear estimating structures without complex levels, additional items, or secret expenses. This lucidity permits amateurs to rapidly get a handle on the valuing design and settle on informed choices.
Advance : Whereas in advance mode, you can’t set the number of characters or lines. You set the height and width of your sign and size. You set the height and width. You specify the number of characters least that the size should be. This is the recommended way. The same applies to the straightforward mode. You can also set the number of characters.
To summarize what said now, for basic mode, you can set the least character, the most extreme character and the number of lines, and for advance mode you set the least number of characters, the number of lines is limited, the number of characters is limited.
How to install the plugin
This step-by-step guide will walk you through the process of installing NCPC using the provided zip file.
Before we begin, please ensure that you have the following:
A WordPress website: NCPC is compatible with self-hosted WordPress websites. If you don’t have a WordPress site yet, you can set one up by visiting wordpress.org and following their instructions.
The NCPC zip file: Upon purchase, you should have received a zip file containing the plugin. Make sure you have it handy on your computer.
Now, let’s get started with the installation process:
Step 1: Log in to your WordPress Admin Dashboard
Open your web browser and navigate to your WordPress Admin Dashboard. This is usually accessed by adding “/wp-admin” to the end of your website’s URL (e.g., www.yourwebsite.com/wp-admin).
Enter your login credentials to access the dashboard.
Step 2: Navigate to the Plugins Section
In the WordPress Admin Dashboard, look for the “Plugins” option in the left-hand menu. Hover over it, and a submenu will appear.
Click on “Add New” in the submenu. This will take you to the Add Plugins page.
Step 3: Upload the NCPC Zip File
On the Add Plugins page, click on the “Upload Plugin” button located at the top of the page.
Click the “Choose File” button and select the [Plugin Name] zip file from your computer.
After selecting the file, click the “Install Now” button.
Step 4: Activate the Plugin
Once the installation is complete, you will see a success message. Now, click the “Activate Plugin” button to activate on your WordPress site.
Step 5: Configure NCPC
After activation, NCPC will appear in the left-hand menu of your WordPress Admin Dashboard.
Click on NCPC > App to access the plugin’s settings and configuration options.
Congratulations! You have successfully installed NCPC on your WordPress website. You can now explore its features, customize its settings, and start leveraging its functionality to enhance your website.
If you encounter any difficulties during the installation process or have any questions, don’t hesitate to reach out to our support team. We’re here to assist you and ensure you have a smooth experience.
How to install the plugin
This step-by-step guide will walk you through the process of installing NCPC using the provided zip file.
Before we begin, please ensure that you have the following:
A WordPress website: NCPC is compatible with self-hosted WordPress websites. If you don’t have a WordPress site yet, you can set one up by visiting wordpress.org and following their instructions.
The NCPC zip file: Upon purchase, you should have received a zip file containing the plugin. Make sure you have it handy on your computer.
Now, let’s get started with the installation process:
Step 1: Log in to your WordPress Admin Dashboard
Open your web browser and navigate to your WordPress Admin Dashboard. This is usually accessed by adding “/wp-admin” to the end of your website’s URL (e.g., www.yourwebsite.com/wp-admin).
Enter your login credentials to access the dashboard.
Step 2: Navigate to the Plugins Section
In the WordPress Admin Dashboard, look for the “Plugins” option in the left-hand menu. Hover over it, and a submenu will appear.
Click on “Add New” in the submenu. This will take you to the Add Plugins page.
Step 3: Upload the NCPC Zip File
On the Add Plugins page, click on the “Upload Plugin” button located at the top of the page.
Click the “Choose File” button and select the [Plugin Name] zip file from your computer.
After selecting the file, click the “Install Now” button.
Step 4: Activate the Plugin
Once the installation is complete, you will see a success message. Now, click the “Activate Plugin” button to activate on your WordPress site.
Step 5: Configure NCPC
After activation, NCPC will appear in the left-hand menu of your WordPress Admin Dashboard.
Click on NCPC > App to access the plugin’s settings and configuration options.
Congratulations! You have successfully installed NCPC on your WordPress website. You can now explore its features, customize its settings, and start leveraging its functionality to enhance your website.
If you encounter any difficulties during the installation process or have any questions, don’t hesitate to reach out to our support team. We’re here to assist you and ensure you have a smooth experience.
Simple vs Advanced ( Pricing / Sizes )
The NCPC plugin have two types of pricing and sizing which are :
Simple
Advanced
The two are available in the Pro pack but only the simple is available in the Starter pack.
Simple :
For basic mode, sizes are fixed. Sizes are fixed. You can set the number of characters. And the number of lines for sizes. The simple pricing model is planned in light of effortlessness, making it simpler for novices to comprehend and explore. It regularly offers clear estimating structures without complex levels, additional items, or secret expenses. This lucidity permits amateurs to rapidly get a handle on the valuing design and settle on informed choices.
Advance : Whereas in advance mode, you can’t set the number of characters or lines. You set the height and width of your sign and size. You set the height and width. You specify the number of characters least that the size should be. This is the recommended way. The same applies to the straightforward mode. You can also set the number of characters.
To summarize what said now, for basic mode, you can set the least character, the most extreme character and the number of lines, and for advance mode you set the least number of characters, the number of lines is limited, the number of characters is limited.
ASO Concepts/Terms
We believe that every design is based on a material, whether printed or engraved. We’ve therefore introduced the concept of material into our plugin, distinguishing between two types of material: simple and advanced. For a realistic view of designs, we’ve integrated method fixings representing the different design support methods, and shapes highlighting the different forms our design can take.
Here are a few terms to help you understand the lexicon of the plugin and how it works.
ASO: All signs Options (Sign Product customizer plugin)
Material: The base substances used for creating signs (e.g., wood, vinyl, acrylic).
Material simple: The simple material mode offers your customers flexibility by allowing them to manipulate the shape, color and border of the material used. It is therefore a material in its standard form, allowing different variations to be applied to the material.
Material advanced: The advanced material mode presents specific variations of the material chosen by the user, with less flexibility when it comes to variations applied to the material. Advanced material comes with its own size, background, shape and border.
Configuration: It’s a set of defined properties or options that is assigned to a product to make that product becomes customizable. It contains the various parameters required to load and run the editor attached to the customizable product.
Customizer/Configurator : A editor within ASO that allows users to personalize their sign designs and get a realistic view of their designs.
Fixing method : The techniques used to mount or display signs (e.g., adhesive, screws).
Shape : The shape of the sign can be square, round, triangle, polygonal, etc…
Template : Pre-designed sign layouts that can be customized.
Get started
To start using our ASO plugin, we’ll need to install it on our WordPress site. Please follow the steps below to learn more about how to install the plugin on your WooCommerce store.
ASO, Our Sign Product Customizer is a WordPress plugin, specially designed to work as an Add-on to the WordPress plugin WooCommerce.
Please ensure you have the following:
A WordPress Installation (Minimum version 4.0): ASO is compatible with self-hosted WordPress websites. If you don’t have a site yet, you can set one up by visiting wordpress.org and following their instructions.
WooCommerce Plugin (Minimum version 2.5): ASO integrates with WooCommerce. You can download and install WooCommerce from the WordPress Plugin Directory or by visiting woocommerce.com.
The ASO zip file: Upon purchase, you should have received a zip file containing the plugin. Ensure you have it handy on your computer.
Admin Access: Ensure you have administrative access to your WordPress site to install and configure plugins.
PHP 7.0 or Higher : Ensure your server is running php 7.0 or higher for optimal performance and compatibility.
Backup: Before installing any new plugin, it’s always good practice to back up your site.
Go to your WordPress Admin Panel and click on Plugins>Add New to access the plugins installation screen:
3. Then click on the “upload plugin” button to access the plugin upload page:
4. Click on the Choose file button and select the plugin zip archive previously downloaded in the first step:
5. Click on the Install Now button to run the installation.
6. Click on the Activate Plugin link to activate the plugin:
2. Set your license of All Signs Options
The license is a key that allows you to have access to all the features of our plugin. The license menu tab allows you to set up the automatic updates notification feature. After configuring the settings below, you will receive a notification any time a new release is available.
After all that you go to Global Settings > Licences to define the Licence and that all.
Congratulations! You have successfully installed ASO on your WordPress website. You can now explore its features, customize its settings, and start leveraging its functionality to enhance your website.
Need Help?
If you encounter any difficulties during the installation process or have any questions, don’t hesitate to reach out to our support team. We’re here to assist you and ensure you have a smooth experience. Click on the icon in the image below to contacts support :
Next Steps
Now that ASO is installed, take some time to explore its features, set up your custom sign templates, and start offering your customers the ability to design and order their own signs.
Requirements
ASO, Our Sign Product Customizer is a WordPress plugin, specially designed to work as an Add-on to the WordPress plugin WooCommerce.
Please ensure you have the following:
A WordPress Installation (Minimum version 4.0): ASO is compatible with self-hosted WordPress websites. If you don’t have a site yet, you can set one up by visiting wordpress.org and following their instructions.
WooCommerce Plugin (Minimum version 2.5): ASO integrates with WooCommerce. You can download and install WooCommerce from the WordPress Plugin Directory or by visiting woocommerce.com.
The ASO zip file: Upon purchase, you should have received a zip file containing the plugin. Ensure you have it handy on your computer.
Admin Access: Ensure you have administrative access to your WordPress site to install and configure plugins.
PHP 7.0 or Higher : Ensure your server is running php 7.0 or higher for optimal performance and compatibility.
Backup: Before installing any new plugin, it’s always good practice to back up your site.
Intro
Welcome to the documentation for All Signs Options (ASO) for Shopify. ASO is an innovative signs customiser app designed for the signage industry, providing an all-in-one solution for sign creation, customization, and ordering directly through your Shopify store. With the All Signs Options, sign makers can simplify and streamline the process of offering customizable signs to their customers, making it fast, easy, and reliable.
This documentation will guide you through the features and usage of the All Signs Options (ASO) app.
All Signs Options (ASO) is a Shopify app that helps sign makers offer customizable signage solutions on their Shopify storefronts. It enhances the process of sign design, quoting, and ordering with an intuitive, user-friendly interface. The app offers flexible customization options for various materials, allowing customers to create their designs, select templates, and order custom signs easily.
For sign makers, All Signs Options (ASO) improves workflow efficiency by enabling simple installation and management of custom sign orders. Customers, in turn, enjoy a seamless and interactive design experience that boosts engagement and sales.
Key Features:
– Customization Options: Offer custom fonts, clipart, materials, shapes, and more.
– User-Friendly Configurator: Provides a simple, intuitive interface for your customers.
– Pre-Designed Templates: Helps customers get started with customizable sign templates.
– Material Variations: Support for simple and advanced materials with flexible customization options.
– Seamless Shopify Integration: Easily integrates into your Shopify store for managing orders.
ASO Concepts/Terms
We believe that every design is based on a material, whether printed or engraved. We’ve therefore introduced the concept of material into our App, distinguishing between two types of material: simple and advanced. For a realistic view of designs, we’ve integrated method fixings representing the different design support methods, and shapes highlighting the different forms our design can take.
Here are a few terms to help you understand the lexicon of the app and how it works.
ASO: All Signs Options (Signs Customiser App)
Material: The base substances used for creating signs (e.g., wood, vinyl, acrylic).
Material simple: The simple material mode offers your customers flexibility by allowing them to manipulate the material’s shape, color, and border. It is therefore, a material in its standard form, allowing different variations to be applied to the material.
Material advanced: The advanced material mode presents specific variations of the material chosen by the user, with less flexibility when it comes to variations applied to the material. Advanced material comes with its own size, background, shape and border.
Configuration: It’s a set of defined properties or options assigned to a product to make that product customizable. It contains the various parameters required to load and run the editor attached to the customizable product.
Customizer / Configurator: An editor within ASO that allows users to personalize their sign designs and get a realistic view of their designs.
Fixing method: The techniques used to mount or display signs (e.g., adhesive, screws).
Shape: The shape of the signs can be square, round, triangle, polygonal, etc…
Template: Pre-designed sign layouts that can be customized.
What Is All Signs Options App
All Signs Options (ASO) is a Shopify app that helps sign makers offer customizable signage solutions on their Shopify storefronts. It enhances the process of sign design, quoting, and ordering with an intuitive, user-friendly interface. The app offers flexible customization options for various materials, allowing customers to create their designs, select templates, and order custom signs easily.
For sign makers, All Signs Options (ASO) improves workflow efficiency by enabling simple installation and management of custom sign orders. Customers, in turn, enjoy a seamless and interactive design experience that boosts engagement and sales.
Key Features:
– Customization Options: Offer custom fonts, clipart, materials, shapes, and more.
– User-Friendly Configurator: Provides a simple, intuitive interface for your customers.
– Pre-Designed Templates: Helps customers get started with customizable sign templates.
– Material Variations: Support for simple and advanced materials with flexible customization options.
– Seamless Shopify Integration: Easily integrates into your Shopify store for managing orders.
Requirements
Before installation, ensure you have the following:
1. A Shopify Store : The ASO app is designed specifically for Shopify stores. Make sure your store is active.
2. ASO App Installed from Shopify App Store : The app can be found in the Shopify App Store. Install it directly by searching for “All Signs Option” and adding it to your store.
3. Admin Access : Ensure you have admin access to your Shopify account for app installation and customization.
Manage Fonts
Fonts are one of the most essential yet fundamental features in design, and our ASO Shopify Signs Customiser app is built to prioritize this. It enables you to add custom TTF fonts, which can be used directly on the canvas and in the output PDF files.
1.Fonts management
The Fonts interface lets you specify the fonts your customers can use when adding text to their designs. If no fonts are specified, we have default fonts that can be used.
To add your own font, simply click on the Manage fonts menu, you’ll then see a list of fonts already added.
Click on the ‘Add new font’ to add your font.
1.1 Add custom TTF fonts
Custom TTF fonts are also supported by our ASO Shopify signs customiser. To add a TTF file, follow these steps:
Go to https://transfonter.org/ to convert your TTF file into a web-compatible format. This will ensure your file is readable by all browsers.
Choose the ‘Upload font’ option and enter the name of your font
2. Click on the ‘Choose a font’ button and select the font file you want to add.
3. Click on the ‘save’ button to save the font
NB: WOFF files are not allowed. Only TTF and OTF files can be used.
Material
Material is the basic substance used to create signs (e.g. wood, vinyl, acrylic, etc.). ASO, our signs customiser for Shopify App, makes it the starting point for any configuration.
1. Add a material
To add a material, click on the “Add new material” button in the view you have after clicking on “materials” on the configuration list page.
Then enter a name, a description, an icon, an illustrative image for the material, and the material type, which is important for the rest of the configuration. This information is used in the customizer to help your customers identify the material.
By clicking on the save button, you’ll see the list of added material. Depending on the type of material, the material setting will differ.
1.1 Manage material simple
Click on the “Manage” of simple material button and configure the various elements: size, color, shape, borders, fixing methods, allow text and images and additional components.
1.1.1 Set up size
In here you create and define standard sizes for your signs. You can specify default dimensions such as small, medium, and large, or create custom sizes based on your specific requirements.
Here you have ‘add new size’. To get started click on ‘Add new sizes’.
Next, fill in a label for your size and follow up with Width and Height and put in a base price and minimum character text to start applying the base price. Follow it up by putting the maximum text character and character price and then you click on save.
1.1.2 Color
Here you create the color options available for your materials.
To do that you click on “color” which is next to sizes and you click on “add material color”.
Depending on the material properties, the color can either be an image or a solid color:
If it’s a solid color, you can choose it from the color palette.
If it’s an image-based material, upload the corresponding image to represent the color.
Color adding process:
Now that you’ve clicked on ‘Add material color,’ you put in a name for the color you want and upload an image that will be shown as the preview of the color you choose.
Next, choose a color or use an image which is under the ‘Use color pattern’ that represents the color you want. When ticked ‘no’ you use a color and when ticked ‘yes’ you use an image instead of a color.
In the ‘enable text color’ section, you can choose to enable the text color and give the color a name and a specific color or not. You can choose to add an additional price for the color if you wish too.
To create another section without leaving the current one you are in, Click on ‘Add Color’ which is down below after the additional price section and you can create how many you want and click on save.
1.1.3 Shape
In Here you set up shapes for your signs, such as triangle, square and ovals.
Click on Add new Shape to begin and Select the shape you want to use and add an additional price to it, as simple as that and you are all done but yes here to you may notice but you can add more shape to at the same time and save them all together too.
1.1.4 Border
In here you select a border styles. Borders can add a professional touch to your signs.
Click on add new border to begin and when done select a border you want and put in and additional price. You can exclude shape to which this border won’t be used with same with the size so you can also exclude size for this border and when done you click save to save what you’ve done. After saving you will see border setting and under it there is border color so all you have to do is put in a label and then name for the color and you choose the color and put in a price for it and under it there is more border options for you to click on to add more if need be for you and you can also enable custom border color which let you upload a preview image to be used for the color made.
1.1.5 Fixing Method
Here are where we see the methods used to fix or mount your signs. Options you might include adhesive, screws, hanging mechanisms, and other mounting solutions.
Click add new Fixing methods to begin
Now select the fixing method you want and as usual add an additional price and exclude shape the fixing method you choose does not apply to and exclude size from this fixing method too if you which to do so only of course and as you can see you can click on add more fixing methods to add multiple and save all in one go.
1.1.6 Text/Image
Here you tick the Enable text and Enable Image if you want them enabled or not.
1.1.7 Additional Components
Here you can include extra components that can be added to the sign.
Click on add new component to proceed
now give it a title and a description and finish with uploading an icon for you component by clicking on upload component and click save to save it.
1.2 Manage material advanced
The material advanced provides a deeper level of customization for users who need more control over the design and configuration of their materials.
1.2.1 Components
Define and manage individual components that make up the sign. After creating an advanced material you click on manage and it will bring you to an empty space where you will click on add new component and you put in a title and description and upload an icon for the component.
1.2.1 Options
when done you click on add options and next click on add new options where you give a title, description and upload an icon for the option and choose a fixing method and shape and scroll down to size to add width, height and put in an additional price and a color name and click save to save everything done.
Adding Fonts
You can choose to access Google Fonts and have them available for your sign configurator or choose to upload you own font files. You have the the default option of choosing which created font to use also :
If you choose to use google fonts make sure you select the Google font you with to include in your configurator.
In order to add your own font file select “Upload” and make sure you choose the correct file format for your font.
After choosing the font you want, you’ll need to select the pricing method you’d like to assign to the selected font and then assign respectfully a height for the smallest letter and smallest uppercase letter.
Click Save one you have added all the required details and you’re done. Great job!
Where can I download the plugin from?
Configurations
We are excited to introduce you to our plugin, boasting four distinct configuration types: Neon Simple, Neon Advanced, Channel Simple, and Channel Advanced. Each configuration type offers a unique and tailored experience, allowing you to personalize your signs according to your specific preferences. Whether you desire a sleek and minimalist design and a simple pricing system or crave advanced functionality with full control of how the prices of your signs are handled, NCPC has the perfect configuration type for you.
And that’s not all! We are constantly evolving and expanding our offerings, with more exciting configuration types on the horizon. Get ready to embark on a journey of limitless possibilities with NCPC.
You can choose to access Google Fonts and have them available for your sign configurator or choose to upload you own font files. You have the the default option of choosing which created font to use also :
If you choose to use google fonts make sure you select the Google font you with to include in your configurator.
In order to add your own font file select “Upload” and make sure you choose the correct file format for your font.
After choosing the font you want, you’ll need to select the pricing method you’d like to assign to the selected font and then assign respectfully a height for the smallest letter and smallest uppercase letter.
Click Save one you have added all the required details and you’re done. Great job!
Simple Pricing Mode
In this guide, we will walk you through the Simple Configuration, a perfect starting point for creators new to the sign industry. Whether you’re a budding entrepreneur, an everyday Larry, or simply looking to add a touch of visual flair to your signs, this tutorial will provide you with the essential knowledge and tools to create stunning neon sign effects. Get ready to make a glowing impression as we unveil the secrets behind this user-friendly configuration type.
In order to create a Simple Configuration, please navigate to the Configuration section and select Add New Configuration:
The first step in create a configuration is giving it a distinct name:
Once you’ve named your configuration, you need to select the configuration type for your product.
There are two types of simple configurations: Neon Signs and Channel Signs. In this case, we’ll choose the Neon Signs:
The next step will be to select the Pricing model you’d like to use. Since this is a simple configuration, the way to go is the Simple Pricing model.
The simple pricing model is designed with simplicity in mind, making it easier for beginners to understand and navigate. It typically offers straightforward pricing structures without complex tiers, add-ons, or hidden costs. This clarity allows beginners to quickly grasp the pricing structure and make informed decisions.
The last step in creating a simple configuration is the option to import Demo data. We highly recommend this if this is your first time using a pricing model:
Make sure to save your configuration once you’ve selected all your parameters.
Size
After creating your Configuration, navigate to your configuration settings and click on “Sizes” to access a range of available options.
It is essential to add all the desired sizes before proceeding to add pricing information.
Option of choosing the preferred created size is available for use and if not any of the created size is selected then the top size will be used by default.
Click on Add new size in order to add a new size for your configurator:
On the new page, fill in all the required details about the size you want to add:
Label: Enter the desired name for the Size you want to include (e.g., small/big).
Description: Provide a description that outlines the specific dimensions of the Size (e.g., minimum 10cm and maximum 60cm).
Width: Enter the maximum width for the Size (e.g., 60cm).
Maximum lines of text: Specify the maximum number of lines of text permitted for this Size (e.g., 1, 2, or 3 lines).
Minimum Text Characters: Specify the minimum number of text characters allowed for the entire sign. If left blank, the default minimum will be set to 3 characters per line, and the user will be unable to add fewer than 3 characters per line.
Maximum Text Characters per line: Indicate the maximum number of text characters permitted per line (e.g., 20 characters per line). The user will be restricted from exceeding this limit.
Resize is a new option that make desktop and mobile font resizable , you have the Default font size which you can change.
When set on auto resize you can set the minimum and maximum font size in advanced for it to automatically adjust on both a mobile or desktop screen
Once you have completed all the necessary details, click the Save button located in the bottom right corner to save your changes.
Pricing
Click Add New Pricing to set up a new pricing rule.
For simple pricing rules, once you’ve defined the label for your pricing rule, all you have to do is set a base price for each line of sign and a price per letter. This will need to be set for the number of lines you’ve set as the maximum for this size.
This will be the rule followed for all signs made with the sign size you’ve selected: In this case, we’ll define a pricing rule for our previously created “Simple Neon” size:
In simple mode, the price of a neon sign is determined by its size, number of characters, number of lines, and font.
Here’s an example to help out:
The sign says “This is a sign”
The customer has chosen a simple font Simple Neon size.
There is only one line of text for this sign.
The base price for a small-sized line of text is $10.
The sign has 11 text characters, and the price per character for this line is $10.
Calculation:Base Price + (text characters x price per character)
Result:10 + (11 x 10) = $120.00
Advanced Pricing Mode
Welcome, experienced sign creators, in this tutorial we explore advanced configurations that can elevate your sign creation projects to new heights. If you are a beginner or new to sign creation, we highly recommend starting with the simple configurations tutorials to build a solid foundation before delving into the advanced realm. So, sharpen your skills, embrace the challenges, and let your creativity soar as you dive into the world of advanced sign configuration.
In order to create an Advanced Configuration, please navigate to the Configuration section and select Add New Configuration:
The first step in create a configuration is giving it a distinct name:
There are two types of simple configurations: Neon Signs and Channel Signs. We’ll choose the Neon Signs:
The next step will be to select the Pricing model you’d like to use. This is where we choose “Advanced”
The last step in creating an advanced configuration is the option to import Demo data. We highly recommend this for a smoother process.
Make sure to save your configuration once you’ve selected all your parameters.
Size
A size in the advanced configuration is in fact a sign factor of the overall sign’s total size.
To grasp the concept, let’s break it down using an example:
Imagine we have a font with specific size configurations. The smallest letter height is set at 4 inches, and for the smallest uppercase letters, it is defined as 7 inches.
Now, let’s explore two scenarios:
Scenario 1: A customer inputs the letter “e” and selects the medium size. Based on the given calculations, we can determine the resulting height. In this case, we multiply the smallest height (4 inches) by the size scale multiplier (2.5). As a result, the height measures 10 inches.
Scenario 2: Let’s consider a customer typing the letter “B” and choosing the small size. By applying the calculations, we can determine the resulting height. Here, we multiply the smallest height (7 inches) by the size scale multiplier (0.8). Consequently, the height becomes 5.6 inches.
By examining these scenarios, we gain a better understanding of how the font size settings interact with different letters and the selected size options.
Please remember this
After creating your Configuration, navigate to your configuration settings and click on “Sizes” to set up your size multiplier.
Option of choosing the preferred created size is available for use and if not any of the created size is selected then the top size will be used by default.
Label: Enter the desired name for the Size you want to include (e.g., small/big).
Description: Provide a description that outlines the specific dimensions of the Size.
Minimum Text Characters: Minimum number of text characters required for the sign.
Maximum Sign Width: A limit on the width dimension of the sign.
Unlimited Width: There are no restrictions or limitations on the width dimension of the sign.The sign can be as wide as desired without any predefined width boundaries.
Limited Width: There is a constraint on the width dimension of the sign. The sign cannot exceed the defined width value
Maximum Sign Height: Similar to the maximum sign width, this focuses on setting a limit on the height dimension of the sign.
Unlimited Height: That there are no restrictions or limitations on the height dimension of the sign.
Limited Height: There is a constraint on the height dimension of the sign. The sign cannot exceed the defined height value.
CUSTOM SIZING:
Allow customers to modify the sign’s width using a range slider.
Maximum Range in centimeters:It defines the maximum value that the range slider can be adjusted to when setting the size of the sign. If left blank, it will default to a maximum range of 300 centimeters.
It determines the increment or step size by which the custom size can be adjusted.
Resize is a new option that make desktop and mobile font resizable , you have the Default font size which you can change.
When set on auto resize you can set the minimum and maximum font size in advanced for it to automatically adjust on both a mobile or desktop screen
Once you have completed all the necessary details, click the Save button located in the bottom right corner to save your changes.
Pricing
Pricing in our advanced configuration operates on a sophisticated algorithm that considers several factors. These include the chosen letter pricing type, the combination of pricing inputs utilized, and the final width and height dimensions of the sign.
In order to add a new pricing method, click on “add new Pricing”. From there on you will have to give your pricing method a name and chose whether to use “Fixed cost per Letter” or “Letter material cost”.
Through our price formula editor, you have the flexibility to create multiple size ranges that align with the cost and profitability aspects associated with constructing and shipping a sign to your customers.
Max size range:
This establishes a dimension range based on the sign’s width and height, where the subsequent pricing inputs are applied.
Shipping Cost:
This feature enables precise price calculations for total shipping expenses. It associates a specific cost per square centimeter with the sign’s dimensional size, utilizing the width and height values. Learn more about calculating your shipping costs.
Fixed Letter Pricing:
You can set a fixed price per letter, such as $7 USD. This allows for consistent pricing regardless of letter type or design.
Letter Material Cost:
Define the cost of the material used to create the sign’s letters, and price it based on a per-centimeter basis. Materials range from flexible neon to glass, metal, wood, and more. It’s essential to understand the actual cost of the required materials, as an average price based on letter size may not accurately reflect the true cost. Utilize our article guide to assist you in determining material costs.
Base Price:
The base price incorporates any additional expenses necessary to construct the sign within the specified dimensional size range. This can include factors such as building costs or other related expenses.
Neon product ( color )
To add new colors, navigate to the Colours page and select “Add Colour.”
Choose a Label which will be displayed to your customers, for the desired color you wish to add and select the color type
Simple colors are for singular color option while Multicolour are for signs with multiple colors options.
Click on the color below and you can either select your preferred shade or manually input the HexCode for the color you desire.
You can also choose to have a pricing rule on your specific color
Channel product ( Letter type )
Imagine creating signs or lettering that stand out not just for their design, but also because they literally light up! This is possible with channel letters, a popular choice for businesses and creative projects.
Channel letters are three-dimensional metal shells that hold a front face and can be illuminated from the sides and back. On our plugin we allow for a variety of customization options which are :
Front Face
Trim
Backlighting
Side
Choose your color for any of the above for a unique look. Select different lighting colors and styles to create a dazzling effect.
With these features, channel letters can be tailored to perfectly match your brand or project.
So to know add new letter type to your configuration you navigate to the Letter type page and select “Add letter type” in the corner.
And then you scroll down to letter type setting and fill in the box which ask for ( title , description ) after that you choose a popup image which is completely optional.
In the pricing section you have three pricing and the pricing is optional. None which means you don’t want any additional cost added when someone customize in the letter type section.
The base price is the second pricing option available and in that option additional cost are added when the base price is selected by the customer (e.g. $10.00).
You also have the price multiplier which duplicate the last cost of the sign when chosen (for example 2 x 100) as seen written in the image.
After doing all that you can now edit your letter part.
The face letter part is required but can still be customized. You click on the the pencil type logo under action to customize you letter face
then you will see a add new on which you click and give it a title then choose the color you want and choose the visual effect you want for this letter part.
After that you can now scroll down to Minimum sizes which is also optional. In the size section you have minimum width and minimum height available. When the value is greater than 0, then this color may be disabled when the width of the sign is less than this value and same for the height section too. From there you have the rule for the size where you choose if you want one or the two size to be disable until the conditions is me and then you choose your preview and popup image and that section also is optional.
We can comme to the last part which is the Trim, Side , Back Lit and those thee customisable letter part with our plugin and to customize them it is the same process as the face letter part but the difference is that this three letter part are optional which means you can decide to have them used or not if you don’t want mean else the face is required so it is not optional. Follow the step above to customize this three optional letter part if you wan’t. Remember to tick the sliding icon on each of the letter part if want to make use of them.
As always you have your price setting where you choose if you want base or price multiplier you can also leave it to non after all the price setting is optional.
Always remember to always save after following all the steps talked about in this documentation.
Additional Options
Adding Materials
Materials are an additional option that only apply to neon signs. They can be added for both simple neon configurations and advanced neon configuration. In order to add a material, click on addition options and navigate to the material section:
Provide a label for the material. This label will be displayed to your clients, so make sure it accurately represents the material you’re adding. For example, if you’re adding a wood material, you can label it as “Wood” or any other descriptive term.
Next, include a short description of the material. This description will help your clients understand the characteristics and features of the material you’re offering. Be concise and informative, highlighting the unique aspects of the material.
To give your clients a visual representation of the material, upload an image showcasing it. This image should accurately depict the appearance, texture, and quality of the material. It will assist your clients in visualizing how the material will look in their chosen sign design.
If you’d like to assign pricing options to the material, you have the flexibility to do so. Decide on the pricing structure for each material, whether it’s a fixed price or based on specific criteria. Ensure that the pricing aligns with the value and cost of the material.
Once you have provided the necessary details, save the material. It will now be available as an additional option for your clients when customizing their signs.
Adding Jackets
Jackets are an additional option that only apply to neon signs. They can be added for both simple neon configurations and advanced neon configuration. In order to add a jacket, click on addition options and navigate to the jacket section.
Provide a label for the jacket. This label will be displayed to your clients, so make sure it accurately represents the jacket you’re adding.
Next, include a short description of the jacket. This description will help your clients understand the characteristics and features of the jacket you’re making avaialable.
You will be presented with two options: a blank (white) jacket and a colored jacket. Carefully consider your preferences and desired style before making a decision. Once you have chosen your jacket type, you have the additional option to exclude specific colors from the available color options. This means that the jacket will not be offered in the colors you choose to exclude. Review the list of previously created colors and select the ones you’d like to exclude from the jacket options.
If desired, you can assign pricing options for each jacket type.
After making your color and pricing selections, save your choices.
Adding Backboards
In order to add a backboard, click on addition options and navigate to the backboard section:
Provide a label for the backboard. This label will be displayed to your clients, so make sure it accurately represents the backboard you’re adding. For example, if you’re adding a wooden backboard, you can label it as “Wood” or any other descriptive term.
Next, include a short description of the backboard. This description will help your clients understand the characteristics and features of the material you’re offering. Be concise and informative, highlighting the unique aspects of the material.
Make sure to select a backboard type to insure your clients know to navigate the options you have.
To give your clients a visual representation of the backboard, upload an image showcasing it. This image should accurately depict the appearance, texture, and quality of the backboard.
If you’d like to assign pricing options to the backboard, you have the flexibility to do so. Decide on the pricing structure for each material, whether it’s a fixed price or based on specific criteria.
Once you have provided the necessary details, save the backboard. It will now be available as an additional option for your clients when customizing their signs.
Adding Backboard Colors
You can choose to give your backboard a bit more personality by having them resonate a color. To add a backboard color, navigate to the addition options and click to the backboard section
Always remember to give your backboard color a label to ensure it is easy to identify.
Once you’ve named your backboard color, you now select your corresponding color. You can chose a shade that fits your needs or manually input the hex code for your specific color:
With Backboard colors you can not only define a preview image, you can also define a popup image to accentuate your backboard color:
If you’d like to assign pricing options to the backboard color, you have the flexibility to do so. Decide on the pricing structure for each material, whether it’s a fixed price or based on specific criteria.
Once you have provided the necessary details, save the backboard color. It will now be available as an additional option for your clients when customizing their signs.
Adding Mounting Options
To add a mounting option, click on addition options and navigate to the mounting section:
Provide a label for the mounting option. This label will be displayed to your clients, so make sure it accurately represents the mounting option you’re adding. For example, if you’re adding wall mounting kit, you can label it as “Wall Mounting Kit” or any other descriptive term.
Next, include a short description of the mounting option. This description will help your clients understand the characteristics and features of the mounting option you’re offering.
To give your clients a visual representation of the mounting option, upload an image showcasing it. This image should accurately depict the appearance, texture, and quality of the mounting option.
If you’d like to assign pricing options to the mounting option, you have the flexibility to do so.
Once you have provided the necessary details, save themounting option. It will now be available as an additional option for your clients when customizing their signs.
Additional Options
If you have any other specific option you’d like to make available to your client please feel free to make them here. Simply navigate to the Additional option section and click new additional option
From there you’ll first need to select the input type for this option:
Once you’ve selected your option type, follow the prompts accordingly for the specifics of the type you selected after giving your option a name and description:
Yes/no
Image input
Dropdown
Note input
Once you have provided the necessary details, save your option. It will now be available as an additional option for your clients when customizing their signs.
Setting
General
Customizer option:
Measurement unit allows the users to define the measurement that will be shown overall.
There is a hide/show option which lets the user decide if he wants to show or hide the height or width or hide both. Users have the choice to choose if he want to use decimal or not. Display is a switch to change from day to night theme.
Mobile options:
Show Navigation Menu on Mobile
Here you have the option to show the navigation menu on mobile if you want. Show Navigation Menu First allows the users to jump to a specific selection from the navigation menu first. Otherwise, the screen will show the first selection.
Mobile Selection Options Display allows users the selection options to display as horizontally scrollable options on mobile or stacked vertically.
Product:
Redirect after adding a custom design to the cart :
This option allows the user to define what to do after adding a design to the cart.
Hide add to cart button for custom products :
These options allow the user to define whether or not you want to hide the add to cart button for custom products on the products page.
Hide design buttons on shop page :
These options allow the user to show/hide the cart button on the customization page.
Output:
Output files format
Concerning the file format there is only one available right now.
Users have the choice to send the design by emails. By choosing to receive design by email you have to put your email in. An email is sent every time a custom sign is marked as PAID on the shopify order. If you have more than one, please separate them with a slash sign. You have a space to put the mail subject in.
Language and image
Main : In the Main tab there is the header, text box label, line count etc compartment with each of them giving you the choice to custom everything possible.
Everything in MAIN is able to be changed.
Custom design:
Custom design links enable to display a link to direct customers to another page on your site, this will display as one of the first options on desktop and mobile.
Custom Link is a shortened URL that you can customize yourself before sharing.
Visualizer:
In the visualizer you can modify everything you see like text icon, font icon, size icon . There is a modifiable on/off for the visualizer.
To display the icons it must be in an svg code.
Images:
Users have the option to Preview images . If ticked, the preview images will be shown on the visualizer screen.
Theme Colors
In one word everything concerning color looks can be changed here.
Color customization on the configurator
In the Pro and Starter versions, you can change the colors of the available skins to match the colors of the configurator to the colors of the page, and therefore to the graphic charter of your site.
Sort Option Order
Sort Option Order :
Here you can sort the configurator items ( what should be up or down and changing the order
. to change the order you just have to click and hold and drag the configurator up or down.)
on to your product and displayed it.
Size
After creating your Configuration, navigate to your configuration settings and click on “Sizes” to access a range of available options.
It is essential to add all the desired sizes before proceeding to add pricing information.
Option of choosing the preferred created size is available for use and if not any of the created size is selected then the top size will be used by default.
Click on Add new size in order to add a new size for your configurator:
On the new page, fill in all the required details about the size you want to add:
Label: Enter the desired name for the Size you want to include (e.g., small/big).
Description: Provide a description that outlines the specific dimensions of the Size (e.g., minimum 10cm and maximum 60cm).
Width: Enter the maximum width for the Size (e.g., 60cm).
Maximum lines of text: Specify the maximum number of lines of text permitted for this Size (e.g., 1, 2, or 3 lines).
Minimum Text Characters: Specify the minimum number of text characters allowed for the entire sign. If left blank, the default minimum will be set to 3 characters per line, and the user will be unable to add fewer than 3 characters per line.
Maximum Text Characters per line: Indicate the maximum number of text characters permitted per line (e.g., 20 characters per line). The user will be restricted from exceeding this limit.
Resize is a new option that make desktop and mobile font resizable , you have the Default font size which you can change.
When set on auto resize you can set the minimum and maximum font size in advanced for it to automatically adjust on both a mobile or desktop screen
Once you have completed all the necessary details, click the Save button located in the bottom right corner to save your changes.
Go to your WordPress Admin Panel and click on Plugins>Add New to access the plugins installation screen:
3. Then click on the “upload plugin” button to access the plugin upload page:
4. Click on the Choose file button and select the plugin zip archive previously downloaded in the first step:
5. Click on the Install Now button to run the installation.
6. Click on the Activate Plugin link to activate the plugin:
2. Set your license of All Signs Options
The license is a key that allows you to have access to all the features of our plugin. The license menu tab allows you to set up the automatic updates notification feature. After configuring the settings below, you will receive a notification any time a new release is available.
After all that you go to Global Settings > Licences to define the Licence and that all.
Congratulations! You have successfully installed ASO on your WordPress website. You can now explore its features, customize its settings, and start leveraging its functionality to enhance your website.
Need Help?
If you encounter any difficulties during the installation process or have any questions, don’t hesitate to reach out to our support team. We’re here to assist you and ensure you have a smooth experience. Click on the icon in the image below to contacts support :
Next Steps
Now that ASO is installed, take some time to explore its features, set up your custom sign templates, and start offering your customers the ability to design and order their own signs.
ASO Concepts/Terms
We believe that every design is based on a material, whether printed or engraved. We’ve therefore introduced the concept of material into our App, distinguishing between two types of material: simple and advanced. For a realistic view of designs, we’ve integrated method fixings representing the different design support methods, and shapes highlighting the different forms our design can take.
Here are a few terms to help you understand the lexicon of the app and how it works.
ASO: All Signs Options (Signs Customiser App)
Material: The base substances used for creating signs (e.g., wood, vinyl, acrylic).
Material simple: The simple material mode offers your customers flexibility by allowing them to manipulate the material’s shape, color, and border. It is therefore, a material in its standard form, allowing different variations to be applied to the material.
Material advanced: The advanced material mode presents specific variations of the material chosen by the user, with less flexibility when it comes to variations applied to the material. Advanced material comes with its own size, background, shape and border.
Configuration: It’s a set of defined properties or options assigned to a product to make that product customizable. It contains the various parameters required to load and run the editor attached to the customizable product.
Customizer / Configurator: An editor within ASO that allows users to personalize their sign designs and get a realistic view of their designs.
Fixing method: The techniques used to mount or display signs (e.g., adhesive, screws).
Shape: The shape of the signs can be square, round, triangle, polygonal, etc…
Template: Pre-designed sign layouts that can be customized.
Get Started
To start using our All Signs Options (ASO) app on your Shopify store, follow the steps below to install and set it up.
Before installation, ensure you have the following:
1. A Shopify Store : The ASO app is designed specifically for Shopify stores. Make sure your store is active.
2. ASO App Installed from Shopify App Store : The app can be found in the Shopify App Store. Install it directly by searching for “All Signs Option” and adding it to your store.
3. Admin Access : Ensure you have admin access to your Shopify account for app installation and customization.
Installation and Activation
1- Navigate to the Shopify App Store.
2- Search for “All Signs Option (ASO)”.
3- Click the “Install” button.
4- Complete installation :
4- After adding the app, Shopify will request permission to access your store’s information.
5- Review the permissions and click “Install App.”
6- App Subscriptions:
Click on “Create configuration, Get started,” and you will be redirected to the pricing page.
Choose your subscription plan and click on “Subscribe to Monthly” or “Subscribe to Yearly.”
Add your credit card information to unlock the plan that you choose.
After subscription, you have access to a 15-day free trial, after which you can proceed to payment.
Congratulations!
You’ve successfully installed the ASO app for Shopify. You can now explore the features, customize your product sign options, and start using it to enhance your store’s services.
If you run into any issues during installation or setup, our support team is available to assist you.
Installation and Activation
1- Navigate to the Shopify App Store.
2- Search for “All Signs Option (ASO)”.
3- Click the “Install” button.
4- Complete installation :
4- After adding the app, Shopify will request permission to access your store’s information.
5- Review the permissions and click “Install App.”
6- App Subscriptions:
Click on “Create configuration, Get started,” and you will be redirected to the pricing page.
Choose your subscription plan and click on “Subscribe to Monthly” or “Subscribe to Yearly.”
Add your credit card information to unlock the plan that you choose.
After subscription, you have access to a 15-day free trial, after which you can proceed to payment.
Congratulations!
You’ve successfully installed the ASO app for Shopify. You can now explore the features, customize your product sign options, and start using it to enhance your store’s services.
If you run into any issues during installation or setup, our support team is available to assist you.
Manage Cliparts
Through the Clipart feature, you can offer customers a variety of predefined images for their designs. These can include photos, clipart, or vectors, and can be organized into groups for easier browsing and selection.
Configure Cliparts
1. To create a new clipart group, access the ‘Manage Cliparts’ menu.
2. Click on the ‘Add new clipart group’ button, enter a name and description for your clipart group, then save.
3. After saving, you return to the interface showing the list of clipart groups created and click on the ‘Manage’ button for the group you wish to populate. You will see the list of clipart already added and the button to add clipart for this group.
4. To add clipart, you can choose between uploading the images from your own computer or adding them from a clipart gallery provided by the app.
4.1 Add clipart by uploading your image
The upload images option is selected by default and allows you to add your clipart by entering a name, a price, and the image choice from the image library on your computer.
4.2 Add clipart via the app ‘API clipart’
Select the ‘Use API clipart’ option and choose the different images you want to add to this clipart group, then click on the ‘I made my choice’ button and enter the title and any additional price for each image selected.
5.Click on ‘save button’ to save the clipart into your clipart’s group .
Setting
ASO Shopify App provides an extensive range of features and customization options to enhance the design and functionality of your signage products. This guide aims to walk you through the essential settings and options available within the App, ensuring you can make the most of its capabilities. From general configurations and output preferences to customizer settings and language options, each section is designed to help you tailor the App to fit your unique business needs. Dive into the detailed settings below to get started with optimizing your ASO App setup.
1. General
The General settings in the ASO Shopify App provide fundamental configuration options that affect the overall operation of the App.
1.1 Product :
Here they are:
1.1.1 Enable design from scratch: You can tick this option to enable design from scratch, which makes your client able to begin design from scratch or with a template.
1.1.2 Redirect to cart page after adding a custom design to the cart: With this option, you can define what to do after a design is added to the cart.
1.1.3 Redirect to checkout page after adding a custom design to the cart: This is to make it more efficient by reducing the number of steps your customer needs to take before they complete their order.
1.1.4 Hide add to cart button for custom on product detail page: With this option, you can decide if you want to hide the add to cart button for custom product on the page or not.
1.1.5 Hide design buttons on shop page: With this option, you can easily hide the customization button on your store page.
1.1.6 Hide add to cart buttons for custom product on shop: With this option, you can hide the add to cart button from the customizable product that is on the store page.
1.2 Output :
Here in the output section, you can choose the files format you want and also upload a watermark icon/img to be used. So click on the PNG to change to the output you want and click on the upload popup img to upload your watermark icon.
1.2.1 Apart from that, you have the zip output file you can enable and disable: When enabled, you put what would be written on the downloaded file by the end; if disabled, then no need to do that.
1.2.2 You can also enable the design composition: This will give you the details of your design in your order or you can disable it and not have it in your order. Save by the end when finished.
1.3 Mobile options :
Here concerns the mobile version.
1.3.1 Show navigation menu on mobile: Here you can choose to show the navigation menu on mobile or not.
1.3.2 Show navigation menu first: Here you have the possibility to jump right to a specific selection from the navigation menu.
1.3.3 Mobile selection options display: Here you choose whether the mobile selection display as horizontally scrollable options on the mobile version or should be stacked vertically. When finished, be sure to save.
2. Customizer Sign :
Customizer Sign settings allow you to define the behavior and appearance of the sign customizer interface.
2.1 Customizer options: Here you choose the measurement unit and decimal format of measurement and same here where you choose whether to show or hide the measurement. You can also choose where to place the desktop column order, so either right or left, and save when finished.
2.2 Sign Part: Here you tick and decide if your sign will be double-sided or not, and then you give a label and name the two parts as you wish.
2.3 Text: Here you choose fonts and define the text color of labeling it and you give the colors name. When done, you scroll down where you can add more color or enable custom, and then you upload a color preview or an icon for the color (here you are free to do as you wish).
2.3.1 Enable font size: You can give them a minimum and maximum font size and a default size too, as you wish. Lastly, you can enable text options like bold, underline, italic, etc. When done, save.
2.4 Image: Here you can tick to enable image download, and below it, you can also tick to enable the upload of images. Right below it, you have the box for upload minimum and maximum width with the format type you have too. Enable the clipart group to choose the group of clipart you are using (e.g., Animals, Foods, Shapes, etc.). You can also enable custom color and a preview image for the color and must only for images that are in SVG.
2.4.1 Add more color: Click on Add more color to add more color. Next is the preview scene; click on add preview scene if you want to add one. Then filter, where you can choose the filter you wish to use (e.g., Blur, sepia, opacity, etc.). Click on save when finished to save everything.
3. Language/Image :
Language and Image settings enable you to manage, support, and configure image options within the ASO App. In this section, you can work on the visualizer, upload design, and image. You can rewritte the section you want in the language you want.
3.1 Visualizer: Here you work on your content header where you can write in all the brackets available and put in the title and much more as you wish it to be, and in the language you want it to be in. Same for the Action on selected object in the canvas, Content sidebar, Button options, Rest modal.
3.1.1 Put in the text displayed on your configurator overall: Just put in the text in each bracket and save when finished.
3.2 Upload design: Here you can enable a custom design link that helps you direct your customer to another page on your website, and this will display as one of the first options on the desktop and mobile. You also put your phrase for the link to submit the custom design page. To get started, click on (enable custom link), and below it, you can put the URL that will redirect customers on your site to another page and under it, put in the phrase for the link.
3.2.1 Message displayed when the help button is clicked: When done, you can now put the message that will be displayed when the help button is clicked.
3.3 Images: Here you choose the icon for each section available, and to do that, you click on Upload icon under each text (reset all, change icon size, etc.).
4. Theme/Colors :
Choose the skin you want and change colors according to your design
Add custom css to make your own customization on the skin that choose
Theme and Colors settings provide control over the visual aspects of the ASO App, allowing you to customize the look and feel of the App interface to match your brand identity. This section includes options for selecting color schemes, skin appearance of your customizer, and defining custom color palettes for use in sign designs. By configuring these settings, you can ensure that the App appearance aligns with your website’s design and enhances the overall user experience.
4.1 Choose skin: We have a default skin and an additional skin, so you click on the skin you want and save.
4.2 Colors: Here you simply choose the color you want for all the sections available to make it match your brand. Click on the arrow in the image down below to open each section and change the color you want.
4.3 Custom CSS: Here you can put your custom CSS code in case there is something you want to add in the CSS part. You can easily do it by just writing the code and clicking on save to save.
To display the configurator normally, it needs to be attached to a WooCommerce product. This makes the product customizable, so you can customize it.
There are two ways to display the configurator:
step 1-The first method is to assign the configuration to the product by editing an existing product or creating a new WooCommerce product. After creating your configuration, you can go to the product’s editing area and you’ll see a select list of your configurations. Choose the configuration you want to attach to this product and save.
Then go to the configurable product page and you’ll see the configuration button, which will take you to the configuration page. You can then link this button directly to your menu, for example, to enable access to the configuration page directly from the menu.
For this method to work properly, you must define in global settings the page that will be used to display the configurator.
Step 2- The second method is to use the shortcode that allows you to display the configurator directly anywhere on a page. For this option you need to use the shortcode [ncpc-configurator productid=’…’] where productid is the id of the product to which you want the configuration to be assigned. For example, if my product ID is 59, to display the configurator on a page, I’d simply add the short code “[ncpc-configurator productid=’59’]” at a precise point on my page, and the configurator would be displayed.
In this way, the configuration must be linked to the product in order to load the configurator properly, either via the shortcode or by editing the product.
Simple Pricing Mode
In this guide, we will walk you through the Simple Configuration, a perfect starting point for creators new to the sign industry. Whether you’re a budding entrepreneur, an everyday Larry, or simply looking to add a touch of visual flair to your signs, this tutorial will provide you with the essential knowledge and tools to create stunning neon sign effects. Get ready to make a glowing impression as we unveil the secrets behind this user-friendly configuration type.
In order to create a Simple Configuration, please navigate to the Configuration section and select Add New Configuration:
The first step in create a configuration is giving it a distinct name:
Once you’ve named your configuration, you need to select the configuration type for your product.
There are two types of simple configurations: Neon Signs and Channel Signs. In this case, we’ll choose the Neon Signs:
The next step will be to select the Pricing model you’d like to use. Since this is a simple configuration, the way to go is the Simple Pricing model.
The simple pricing model is designed with simplicity in mind, making it easier for beginners to understand and navigate. It typically offers straightforward pricing structures without complex tiers, add-ons, or hidden costs. This clarity allows beginners to quickly grasp the pricing structure and make informed decisions.
The last step in creating a simple configuration is the option to import Demo data. We highly recommend this if this is your first time using a pricing model:
Make sure to save your configuration once you’ve selected all your parameters.
After creating your Configuration, navigate to your configuration settings and click on “Sizes” to access a range of available options.
It is essential to add all the desired sizes before proceeding to add pricing information.
Option of choosing the preferred created size is available for use and if not any of the created size is selected then the top size will be used by default.
Click on Add new size in order to add a new size for your configurator:
On the new page, fill in all the required details about the size you want to add:
Label: Enter the desired name for the Size you want to include (e.g., small/big).
Description: Provide a description that outlines the specific dimensions of the Size (e.g., minimum 10cm and maximum 60cm).
Width: Enter the maximum width for the Size (e.g., 60cm).
Maximum lines of text: Specify the maximum number of lines of text permitted for this Size (e.g., 1, 2, or 3 lines).
Minimum Text Characters: Specify the minimum number of text characters allowed for the entire sign. If left blank, the default minimum will be set to 3 characters per line, and the user will be unable to add fewer than 3 characters per line.
Maximum Text Characters per line: Indicate the maximum number of text characters permitted per line (e.g., 20 characters per line). The user will be restricted from exceeding this limit.
Resize is a new option that make desktop and mobile font resizable , you have the Default font size which you can change.
When set on auto resize you can set the minimum and maximum font size in advanced for it to automatically adjust on both a mobile or desktop screen
Once you have completed all the necessary details, click the Save button located in the bottom right corner to save your changes.
Pricing
Click Add New Pricing to set up a new pricing rule.
For simple pricing rules, once you’ve defined the label for your pricing rule, all you have to do is set a base price for each line of sign and a price per letter. This will need to be set for the number of lines you’ve set as the maximum for this size.
This will be the rule followed for all signs made with the sign size you’ve selected: In this case, we’ll define a pricing rule for our previously created “Simple Neon” size:
In simple mode, the price of a neon sign is determined by its size, number of characters, number of lines, and font.
Here’s an example to help out:
The sign says “This is a sign”
The customer has chosen a simple font Simple Neon size.
There is only one line of text for this sign.
The base price for a small-sized line of text is $10.
The sign has 11 text characters, and the price per character for this line is $10.
Calculation:Base Price + (text characters x price per character)
Result:10 + (11 x 10) = $120.00
Do you have a life time plan?
Pricing
Click Add New Pricing to set up a new pricing rule.
For simple pricing rules, once you’ve defined the label for your pricing rule, all you have to do is set a base price for each line of sign and a price per letter. This will need to be set for the number of lines you’ve set as the maximum for this size.
This will be the rule followed for all signs made with the sign size you’ve selected: In this case, we’ll define a pricing rule for our previously created “Simple Neon” size:
In simple mode, the price of a neon sign is determined by its size, number of characters, number of lines, and font.
Here’s an example to help out:
The sign says “This is a sign”
The customer has chosen a simple font Simple Neon size.
There is only one line of text for this sign.
The base price for a small-sized line of text is $10.
The sign has 11 text characters, and the price per character for this line is $10.
Calculation:Base Price + (text characters x price per character)
Result:10 + (11 x 10) = $120.00
Add your own Resources
Once you’ve installed the Shoify app, you can add your own resources such as fonts and clipart to be used on the configurator. To find out more, please read the following article.
Fonts are one of the most essential yet fundamental features in design, and our ASO Shopify Signs Customiser app is built to prioritize this. It enables you to add custom TTF fonts, which can be used directly on the canvas and in the output PDF files.
1.Fonts management
The Fonts interface lets you specify the fonts your customers can use when adding text to their designs. If no fonts are specified, we have default fonts that can be used.
To add your own font, simply click on the Manage fonts menu, you’ll then see a list of fonts already added.
Click on the ‘Add new font’ to add your font.
1.1 Add custom TTF fonts
Custom TTF fonts are also supported by our ASO Shopify signs customiser. To add a TTF file, follow these steps:
Go to https://transfonter.org/ to convert your TTF file into a web-compatible format. This will ensure your file is readable by all browsers.
Choose the ‘Upload font’ option and enter the name of your font
2. Click on the ‘Choose a font’ button and select the font file you want to add.
3. Click on the ‘save’ button to save the font
NB: WOFF files are not allowed. Only TTF and OTF files can be used.
Manage Cliparts
Through the Clipart feature, you can offer customers a variety of predefined images for their designs. These can include photos, clipart, or vectors, and can be organized into groups for easier browsing and selection.
Configure Cliparts
1. To create a new clipart group, access the ‘Manage Cliparts’ menu.
2. Click on the ‘Add new clipart group’ button, enter a name and description for your clipart group, then save.
3. After saving, you return to the interface showing the list of clipart groups created and click on the ‘Manage’ button for the group you wish to populate. You will see the list of clipart already added and the button to add clipart for this group.
4. To add clipart, you can choose between uploading the images from your own computer or adding them from a clipart gallery provided by the app.
4.1 Add clipart by uploading your image
The upload images option is selected by default and allows you to add your clipart by entering a name, a price, and the image choice from the image library on your computer.
4.2 Add clipart via the app ‘API clipart’
Select the ‘Use API clipart’ option and choose the different images you want to add to this clipart group, then click on the ‘I made my choice’ button and enter the title and any additional price for each image selected.
5.Click on ‘save button’ to save the clipart into your clipart’s group .
Additional Options
The Additional Options settings in the ASO app offer a range of advanced features and customization possibilities to enhance the functionality of the sign-making process. These settings allow you to fine-tune various aspects of the app to meet specific needs and preferences.
Click on “Additional Options” to begin,
Click on “Add new option” to add an additional options
Now, here you have three input choice sections for the additional options,
Choose an input type
Here you choose what type of display will be above the input options so click on the one you which to use.
Set the label and description
Here you write the label and description and it will be displayed above the input options.
Set the information about the input that you choose. Here is about “Yes/No” input
Set a popup Image for input to show the visual use of this input
Set pricing for an additional method
The popup image and pricing are both optional but can be used if you wish. Click on choose on the picture ( the one on the left ) and put an example and next is the second choose color ( the one on the right ) and use the image that will be displayed by as the popup and then select base price as an additional cost or the price multiplayer to multiply final price of the sign.
Screenshot
At last , remember to save when finished.
Size
A size in the advanced configuration is in fact a sign factor of the overall sign’s total size.
To grasp the concept, let’s break it down using an example:
Imagine we have a font with specific size configurations. The smallest letter height is set at 4 inches, and for the smallest uppercase letters, it is defined as 7 inches.
Now, let’s explore two scenarios:
Scenario 1: A customer inputs the letter “e” and selects the medium size. Based on the given calculations, we can determine the resulting height. In this case, we multiply the smallest height (4 inches) by the size scale multiplier (2.5). As a result, the height measures 10 inches.
Scenario 2: Let’s consider a customer typing the letter “B” and choosing the small size. By applying the calculations, we can determine the resulting height. Here, we multiply the smallest height (7 inches) by the size scale multiplier (0.8). Consequently, the height becomes 5.6 inches.
By examining these scenarios, we gain a better understanding of how the font size settings interact with different letters and the selected size options.
Please remember this
After creating your Configuration, navigate to your configuration settings and click on “Sizes” to set up your size multiplier.
Option of choosing the preferred created size is available for use and if not any of the created size is selected then the top size will be used by default.
Label: Enter the desired name for the Size you want to include (e.g., small/big).
Description: Provide a description that outlines the specific dimensions of the Size.
Minimum Text Characters: Minimum number of text characters required for the sign.
Maximum Sign Width: A limit on the width dimension of the sign.
Unlimited Width: There are no restrictions or limitations on the width dimension of the sign.The sign can be as wide as desired without any predefined width boundaries.
Limited Width: There is a constraint on the width dimension of the sign. The sign cannot exceed the defined width value
Maximum Sign Height: Similar to the maximum sign width, this focuses on setting a limit on the height dimension of the sign.
Unlimited Height: That there are no restrictions or limitations on the height dimension of the sign.
Limited Height: There is a constraint on the height dimension of the sign. The sign cannot exceed the defined height value.
CUSTOM SIZING:
Allow customers to modify the sign’s width using a range slider.
Maximum Range in centimeters:It defines the maximum value that the range slider can be adjusted to when setting the size of the sign. If left blank, it will default to a maximum range of 300 centimeters.
It determines the increment or step size by which the custom size can be adjusted.
Resize is a new option that make desktop and mobile font resizable , you have the Default font size which you can change.
When set on auto resize you can set the minimum and maximum font size in advanced for it to automatically adjust on both a mobile or desktop screen
Once you have completed all the necessary details, click the Save button located in the bottom right corner to save your changes.
Advanced Pricing Mode
Welcome, experienced sign creators, in this tutorial we explore advanced configurations that can elevate your sign creation projects to new heights. If you are a beginner or new to sign creation, we highly recommend starting with the simple configurations tutorials to build a solid foundation before delving into the advanced realm. So, sharpen your skills, embrace the challenges, and let your creativity soar as you dive into the world of advanced sign configuration.
In order to create an Advanced Configuration, please navigate to the Configuration section and select Add New Configuration:
The first step in create a configuration is giving it a distinct name:
There are two types of simple configurations: Neon Signs and Channel Signs. We’ll choose the Neon Signs:
The next step will be to select the Pricing model you’d like to use. This is where we choose “Advanced”
The last step in creating an advanced configuration is the option to import Demo data. We highly recommend this for a smoother process.
Make sure to save your configuration once you’ve selected all your parameters.
A size in the advanced configuration is in fact a sign factor of the overall sign’s total size.
To grasp the concept, let’s break it down using an example:
Imagine we have a font with specific size configurations. The smallest letter height is set at 4 inches, and for the smallest uppercase letters, it is defined as 7 inches.
Now, let’s explore two scenarios:
Scenario 1: A customer inputs the letter “e” and selects the medium size. Based on the given calculations, we can determine the resulting height. In this case, we multiply the smallest height (4 inches) by the size scale multiplier (2.5). As a result, the height measures 10 inches.
Scenario 2: Let’s consider a customer typing the letter “B” and choosing the small size. By applying the calculations, we can determine the resulting height. Here, we multiply the smallest height (7 inches) by the size scale multiplier (0.8). Consequently, the height becomes 5.6 inches.
By examining these scenarios, we gain a better understanding of how the font size settings interact with different letters and the selected size options.
Please remember this
After creating your Configuration, navigate to your configuration settings and click on “Sizes” to set up your size multiplier.
Option of choosing the preferred created size is available for use and if not any of the created size is selected then the top size will be used by default.
Label: Enter the desired name for the Size you want to include (e.g., small/big).
Description: Provide a description that outlines the specific dimensions of the Size.
Minimum Text Characters: Minimum number of text characters required for the sign.
Maximum Sign Width: A limit on the width dimension of the sign.
Unlimited Width: There are no restrictions or limitations on the width dimension of the sign.The sign can be as wide as desired without any predefined width boundaries.
Limited Width: There is a constraint on the width dimension of the sign. The sign cannot exceed the defined width value
Maximum Sign Height: Similar to the maximum sign width, this focuses on setting a limit on the height dimension of the sign.
Unlimited Height: That there are no restrictions or limitations on the height dimension of the sign.
Limited Height: There is a constraint on the height dimension of the sign. The sign cannot exceed the defined height value.
CUSTOM SIZING:
Allow customers to modify the sign’s width using a range slider.
Maximum Range in centimeters:It defines the maximum value that the range slider can be adjusted to when setting the size of the sign. If left blank, it will default to a maximum range of 300 centimeters.
It determines the increment or step size by which the custom size can be adjusted.
Resize is a new option that make desktop and mobile font resizable , you have the Default font size which you can change.
When set on auto resize you can set the minimum and maximum font size in advanced for it to automatically adjust on both a mobile or desktop screen
Once you have completed all the necessary details, click the Save button located in the bottom right corner to save your changes.
Pricing
Pricing in our advanced configuration operates on a sophisticated algorithm that considers several factors. These include the chosen letter pricing type, the combination of pricing inputs utilized, and the final width and height dimensions of the sign.
In order to add a new pricing method, click on “add new Pricing”. From there on you will have to give your pricing method a name and chose whether to use “Fixed cost per Letter” or “Letter material cost”.
Through our price formula editor, you have the flexibility to create multiple size ranges that align with the cost and profitability aspects associated with constructing and shipping a sign to your customers.
Max size range:
This establishes a dimension range based on the sign’s width and height, where the subsequent pricing inputs are applied.
Shipping Cost:
This feature enables precise price calculations for total shipping expenses. It associates a specific cost per square centimeter with the sign’s dimensional size, utilizing the width and height values. Learn more about calculating your shipping costs.
Fixed Letter Pricing:
You can set a fixed price per letter, such as $7 USD. This allows for consistent pricing regardless of letter type or design.
Letter Material Cost:
Define the cost of the material used to create the sign’s letters, and price it based on a per-centimeter basis. Materials range from flexible neon to glass, metal, wood, and more. It’s essential to understand the actual cost of the required materials, as an average price based on letter size may not accurately reflect the true cost. Utilize our article guide to assist you in determining material costs.
Base Price:
The base price incorporates any additional expenses necessary to construct the sign within the specified dimensional size range. This can include factors such as building costs or other related expenses.
Welcome to the documentation for All Signs Options plugin for WooCommerce, the revolutionary plugin designed to transform the process of selling and ordering custom signs online easy fast and reliable. It’s designed for companies and individuals in the signage industry, offering an all-in-one solution that simplifies design, customization and ordering. To better understand what All Signs Options plugin is and how it works, please read the following articles.
What is All Signs Options ?
What ASO ?
All Signs Options (ASO) is the ultimate plugin for making selling all types of custom signs with WooCommerce easy. It’s designed to streamline and improve the custom sign design, quoting and ordering process for sign makers and their customers with a beautiful, user-friendly configurator offering flexible options for configuration on your online store and covering a wide range of materials. ASO simplifies the workflow of sign makers and sellers, while offering endless creative possibilities for their projects.
For your custom sign making and selling business, ASO provides a robust plugin that easily integrates with your WooCommerce store, enabling effortless management of custom sign orders. The plugin’s user-friendly interface ensures that installing and configuring your sign creation options and pricing is quick and simple, so you can earn more sales with less effort.
For your customers, ASO transforms the sign creation process into an enjoyable, interactive experience. Customers can visit your website, use the intuitive design tools and choose from several templates to create customized signs that meet their exact specifications. Once their creations are complete, they can submit their orders directly on your site. This streamlined process not only improves customer satisfaction, but also increases sales and leads for your company.
ASO Concepts/Terms
We believe that every design is based on a material, whether printed or engraved. We’ve therefore introduced the concept of material into our plugin, distinguishing between two types of material: simple and advanced. For a realistic view of designs, we’ve integrated method fixings representing the different design support methods, and shapes highlighting the different forms our design can take.
Here are a few terms to help you understand the lexicon of the plugin and how it works.
ASO: All signs Options (Sign Product customizer plugin)
Material: The base substances used for creating signs (e.g., wood, vinyl, acrylic).
Material simple: The simple material mode offers your customers flexibility by allowing them to manipulate the shape, color and border of the material used. It is therefore a material in its standard form, allowing different variations to be applied to the material.
Material advanced: The advanced material mode presents specific variations of the material chosen by the user, with less flexibility when it comes to variations applied to the material. Advanced material comes with its own size, background, shape and border.
Configuration: It’s a set of defined properties or options that is assigned to a product to make that product becomes customizable. It contains the various parameters required to load and run the editor attached to the customizable product.
Customizer/Configurator : A editor within ASO that allows users to personalize their sign designs and get a realistic view of their designs.
Fixing method : The techniques used to mount or display signs (e.g., adhesive, screws).
Shape : The shape of the sign can be square, round, triangle, polygonal, etc…
Template : Pre-designed sign layouts that can be customized.
Get started
To start using our ASO plugin, we’ll need to install it on our WordPress site. Please follow the steps below to learn more about how to install the plugin on your WooCommerce store.
Requirements
ASO, Our Sign Product Customizer is a WordPress plugin, specially designed to work as an Add-on to the WordPress plugin WooCommerce.
Please ensure you have the following:
A WordPress Installation (Minimum version 4.0): ASO is compatible with self-hosted WordPress websites. If you don’t have a site yet, you can set one up by visiting wordpress.org and following their instructions.
WooCommerce Plugin (Minimum version 2.5): ASO integrates with WooCommerce. You can download and install WooCommerce from the WordPress Plugin Directory or by visiting woocommerce.com.
The ASO zip file: Upon purchase, you should have received a zip file containing the plugin. Ensure you have it handy on your computer.
Admin Access: Ensure you have administrative access to your WordPress site to install and configure plugins.
PHP 7.0 or Higher : Ensure your server is running php 7.0 or higher for optimal performance and compatibility.
Backup: Before installing any new plugin, it’s always good practice to back up your site.
Go to your WordPress Admin Panel and click on Plugins>Add New to access the plugins installation screen:
3. Then click on the “upload plugin” button to access the plugin upload page:
4. Click on the Choose file button and select the plugin zip archive previously downloaded in the first step:
5. Click on the Install Now button to run the installation.
6. Click on the Activate Plugin link to activate the plugin:
2. Set your license of All Signs Options
The license is a key that allows you to have access to all the features of our plugin. The license menu tab allows you to set up the automatic updates notification feature. After configuring the settings below, you will receive a notification any time a new release is available.
After all that you go to Global Settings > Licences to define the Licence and that all.
Congratulations! You have successfully installed ASO on your WordPress website. You can now explore its features, customize its settings, and start leveraging its functionality to enhance your website.
Need Help?
If you encounter any difficulties during the installation process or have any questions, don’t hesitate to reach out to our support team. We’re here to assist you and ensure you have a smooth experience. Click on the icon in the image below to contacts support :
Next Steps
Now that ASO is installed, take some time to explore its features, set up your custom sign templates, and start offering your customers the ability to design and order their own signs.
Add your own resources
Once you’ve installed the plugin, you can add your own resources such as fonts and clipart to be used on the configurator. To find out more, please read the following article.
Manage fonts
Fonts are one of the most essential yet fundamental features in design, and our ASO WooCommerce Sign Product Customizer plugin is built to prioritize this. Not only does it allow you to use Google Fonts in your designs, but it also enables you to add custom TTF fonts, which can be used directly on the canvas and in the output PDF files.
1.Fonts management
The Fonts interface lets you specify the fonts your customers can use when adding text to their designs. If no fonts are specified, we have a some default fonts that will be used.
To add your own font, simply click on the Manage fonts menu, you’ll then see a list of fonts already added.
1.1 Add Google fonts
Google Fonts is one of the most popular and free web font libraries in the world. To add a Google font:
Clicking on the Add new font button brings up the interface below, ready for you to add the Googles you want to make available.
2. Click on the fonts dropdown in order to select the one you want.
3- Then click on select Font variant to choose the font variations available, exe: regular, italic etc… if the font has any.
4. Click on the Save button to save your newly selected font into the product designer.
1.2 Add custom TTF fonts
Custom TTF fonts are also supported by our ASO WooCommerce sign product customizer. In order to add a TTF file take the following steps:
Go to https://transfonter.org/ to convert your TTF file into a web-compatible format. This will ensure your file is readable by all browsers.
1.Choose the Upload font option and enter the name of your font
2. Click on the Choose a font button and select the font file you want to add.
3.Click on the save button to save the font
WOFF files are not allowed. Only TTF and OTF files can be used.
Manage cliparts
Through the Clipart feature, you can offer customers a variety of predefined images for their designs. These can include photos, clipart, or vectors, and can be organized into groups for easier browsing and selection.
Configure Cliparts
To create a new clipart group, access the Manage Cliparts menu.
1. To create a new clipart group, access the Manage Cliparts menu.
2. Click on the Add new clipart group button and enter a name and description for your clipart group, then save.
3. After saving, you return to the interface showing the list of clipart groups created, and click on the Manage button for the group you wish to populate. You will see the list of clipart already added and the button to add clipart for this group.
4. To add clipart, you can choose between uploading the images from your own computer or adding them from a clipart gallery provided by the plugin.
4.1 Add clipart by upload your own image
The upload images option is selected by default and allows you to add your clipart by entering a name, a price and choosing your image from your image library on your computer.
4.2 Add clipart via Plugin clipart API
Select the Use API clipart option and choose the different images you want to add to this clipart group, then click on the I made my choice button and enter the title and any additional price for each image selected.
5.Click on save button to save the clipart into your clipart’s group .
Setup Configuration
A custom sign product configuration is a collection of parameters that can be applied to one or more WooCommerce products to control their functionality. By assigning a custom sign product configuration to a standard WooCommerce product, it becomes a customizable sign product.
1.Create a configuration
To create a configuration, click on the configuration menu, you’ll see a list of configurations already created, and the Add new configuration button, which lets you add a new configuration.
Click on the Add new configuration button to enter a name and description for the configuration and click on Next button to save.
After saving the name and description , you’ll be prompted to choose whether you want to import a demo data or not. Demo data are configured according to specific examples, so you can easily modify them from there.
If you choose to import a data demo, you’ll be prompted to select the demo you want to import and click on the Done button.
This takes you to the configuration list view, where you can manage your configuration by clicking on the Manage button in the configuration you’ve created. Please follow the steps below to manage your configuration.
Material
Material is the basic substance used to create signs (e.g. wood, vinyl, acrylic, etc.). ASO, our custom sign product for WooCommerce plugin, makes it the starting point for any configuration.
1. Add a material
To add a material, click on the Add new material button in the view you have after clicking on Manage configuration.
Then enter a name, a description, an icon, an illustrative image for the material, and the material type, which is important for the rest of the configuration. This information is used in the customizer to help your customers identify the material.
By clicking on the save button, you’ll see the list of added material. Depending on the type of material, the material setting will differ.
1.1 Manage material simple
Click on the Manage simple material button and configure the various elements: size, color, shape, borders, fixing methods, allow text and images and additional components.
1.1.1 Set up size
In here you create and define standard sizes for your signs. You can specify default dimensions such as small, medium, and large, or create custom sizes based on your specific requirements.
Here you have your add new size as usual so to get started click on Add new sizes
After clicking on it you know put in a label for your size and follow up with Width and Height and put in a base price and minimum character text to start applying the base price. Follow it up my also putting the maximum text character and character price and then you click on save to save the size you just created.
1.1.2 Color
Here you create the color options available for your materials.
To do that you click on color which is next to Sizes and you click on add material color
1.1.3 Shape
In Here you set up shapes for your signs, such as triangle, square and ovals.
Click on Add new Shape to begin
Now that you’ve clicked on it you put in a name for the color you want and upload an image that will be shown as the preview of the color you choose after that done you know have the choice to else use a color or use an image which is under the Use color pattern that represent the color you want without choosing to use a color so when ticked no you use a color and when ticked yes you use and image instead of a color. Now arrived to the Enable text color you can choose to enable the text color and give the color a name and a specific color or not if you decide to and also if the border will have the same color as the text or not. now that you are done with all that you can choose put in an additional price for the color if you which too. You also by the end know have the ability to create a new color section and to create add another material color and save all together in once instead of saving a clicking to create another material color. To create another section without leaving the current one you are in you click on Add Color which is down below after the additional price section and you can create how many you want and when done you just click on save to save all together.
and Select the shape you want to use and add an additional price to it, as simple as that and you are all done but yes here to you may notice but you can add more shape to at the same time and save them all together too.
1.1.4 Border
In here you select a border styles. Borders can add a professional touch to your signs.
Click on add new border to begin
and when done select a border you want and put in and additional price. You can exclude shape to which this border won’t be used with same with the size so you can also exclude size for this border and when done you click save to save what you’ve done. After saving you will see border setting and under it there is border color so all you have to do is put in a label and then name for the color and you choose the color and put in a price for it and under it there is more border options for you to click on to add more if need be for you.
you can also enable custom border color which let you upload a preview image to be used for the color made.
1.1.5 Fixing Method
Here are where we see the methods used to fix or mount your signs. Options you might include adhesive, screws, hanging mechanisms, and other mounting solutions.
Click add new Fixing methods to begin
Now select the fixing method you want and as usual add an additonal price and exclude shape the fixing method you choose does not apply to and exclude size from this fixing method too if you which to do so only of course and as you can see you can click on add more fixing methods to add multiple and save all in one go.
1.1.6 Text/Image
Here you tick the Enable text and Enable Image if you want them enabled or not
1.1.7 Additional Components
Here you can include extra components that can be added to the sign.
Click on add new component to proceed
now give it a title and a description and finish with uploading an icon for you component by clicking on upload component and click save to save it.
1.2 Manage material advanced
The material advanced provides a deeper level of customization for users who need more control over the design and configuration of their materials.
1.2.1 Components
Define and manage individual components that make up the sign. After creating an advanced material you click on manage and it will bring you to an empty space where you will click on add new component and you put in a title and description and upload an icon for the component.
1.2.1 Options
when done you click on add options and next click on add new options where you give a title, description and upload an icon for the option and choose a fixing method and shape and scroll down to size to add width, height and put in an additional price and a color name and click save to save everything done.
Setting
ASO plugin provides an extensive range of features and customization options to enhance the design and functionality of your signage products. This guide aims to walk you through the essential settings and options available within the plugin, ensuring you can make the most of its capabilities. From general configurations and output preferences to customizer settings and language options, each section is designed to help you tailor the plugin to fit your unique business needs. Dive into the detailed settings below to get started with optimizing your ASO plugin setup.
1. General
The General settings in the ASO plugin provide fundamental configuration options that affect the overall operation of the plugin.
1.1 Product:
Here they are:
1.1.1 Enable design from scratch: You can tick this option to enable design from scratch, which makes your client able to begin design from scratch or with a template.
1.1.2 Redirect to cart page after adding a custom design to the cart: With this option, you can define what to do after a design is added to the cart.
1.1.3 Redirect to checkout page after adding a custom design to the cart: This is to make it more efficient by reducing the number of steps your customer needs to take before they complete their order.
1.1.4 Display or no recap on checkout page: With this option, you can either have a display of recap (review of what done) or not; so, yes to show the recap and no to hide it.
1.1.5 Hide add to cart button for custom on product detail page: With this option, you can decide if you want to hide the add to cart button for custom product on the page or not.
1.1.6 Hide design buttons on shop page: With this option, you can easily hide the customization button on your store page.
1.1.7 Hide add to cart buttons for custom product on shop: With this option, you can hide the add to cart button from the customizable product that is on the store page.
1.2 Output:
Here in the output section, you can choose the files format you want and also upload a watermark icon/img to be used. So click on the PNG to change to the output you want and click on the upload popup img to upload your watermark icon.
1.2.1 Apart from that, you have the zip output file you can enable and disable: When enabled, you put what would be written on the downloaded file by the end; if disabled, then no need to do that.
1.2.2 You can also enable the design composition: This will give you the details of your design in your order or you can disable it and not have it in your order. Save by the end when finished.
1.3 Mobile options:
Here is about setting concerning the mobile version.
1.3.1 Show navigation menu on mobile: Here you can choose to show the navigation menu on mobile or not.
1.3.2 Show navigation menu first: Here you have the possibility to jump right to a specific selection from the navigation menu.
1.3.3 Mobile selection options display: Here you choose whether the mobile selection display as horizontally scrollable options on the mobile version or should be stacked vertically. When finished, be sure to save.
2. Customizer Sign:
Customizer Sign settings allow you to define the behavior and appearance of the sign customizer interface.
2.1 Customizer options: Here you choose the measurement unit and decimal format of measurement and same here where you choose whether to show or hide the measurement. You can also choose where to place the desktop column order, so either right or left, and save when finished.
2.2 Sign Part: Here you tick and decide if your sign will be double-sided or not, and then you give a label and name the two parts as you wish.
2.3 Text: Here you choose fonts and define the text color of labeling it and you give the colors name. When done, you scroll down where you can add more color or enable custom, and then you upload a color preview or an icon for the color (here you are free to do as you wish).
2.3.1 Enable font size: You can give them a minimum and maximum font size and a default size too, as you wish. Lastly, you can enable text options like bold, underline, italic, etc. When done, save.
2.4 Image: Here you can tick to enable image download, and below it, you can also tick to enable the upload of images. Right below it, you have the box for upload minimum and maximum width with the format type you have too. Enable the clipart group to choose the group of clipart you are using (e.g., Animals, Foods, Shapes, etc.). You can also enable custom color and a preview image for the color and must only for images that are in SVG.
2.4.1 Add more color: Click on Add more color to add more color. Next is the preview scene; click on add preview scene if you want to add one. Then filter, where you can choose the filter you wish to use (e.g., Blur, sepia, opacity, etc.). Click on save when finished to save everything.
3. Language/Image:
Language and Image settings enable you to manage, support, and configure image options within the ASO plugin. In this section, you can work on the visualizer, upload design, and image. You can rewritte the section you want in the language you want.
3.1 Visualizer: Here you work on your content header where you can write in all the brackets available and put in the title and much more as you wish it to be, and in the language you want it to be in. Same for the Action on selected object in the canvas, Content sidebar, Button options, Rest modal.
3.1.1 Put in the text displayed on your configurator overall: Just put in the text in each bracket and save when finished.
3.2 Upload design: Here you can enable a custom design link that helps you direct your customer to another page on your website, and this will display as one of the first options on the desktop and mobile. You also put your phrase for the link to submit the custom design page. To get started, click on (enable custom link), and below it, you can put the URL that will redirect customers on your site to another page and under it, put in the phrase for the link.
3.2.1 Message displayed when the help button is clicked: When done, you can now put the message that will be displayed when the help button is clicked.
3.3 Images: Here you choose the icon for each section available, and to do that, you click on Upload icon under each text (reset all, change icon size, etc.).
4. Theme/Colors:
Theme and Colors settings provide control over the visual aspects of the ASO plugin, allowing you to customize the look and feel of the plugin interface to match your brand identity. This section includes options for selecting color schemes, skin appearance of your customizer, and defining custom color palettes for use in sign designs. By configuring these settings, you can ensure that the plugin’s appearance aligns with your website’s design and enhances the overall user experience.
4.1 Choose skin: We have a default skin and an additional skin, so you click on the skin you want and save.
4.2 Colors: Here you simply choose the color you want for all the sections available to make it match your brand. Click on the arrow in the image down below to open each section and change the color you want.
4.3 Custom CSS: Here you can put your custom CSS code in case there is something you want to add in the CSS part. You can easily do it by just writing the code and clicking on save to save.
Additional options
The Additional Options settings in the ASO plugin offer a range of advanced features and customization possibilities to enhance the functionality of the sign-making process. These settings allow you to fine-tune various aspects of the plugin to better meet specific needs and preferences.
Click on Additional Options to begin,
( Screenshot )
Now here you have 3 input choice section for the additional options,
1 Choose an input type
Here you choose what type of display will be above the input options so click on the one you which to use.
( Screenshot )
2 Set the label and description
Here you write the label and description and it will be displayed above the input options.
3 Image as input
Here you choose to display as a row of image that the customer can select.
click on label and next value and check all the box ( choose a color ). You also have the popup image and pricing which both are optional but used if wish to. Click on choose on picture ( the one on the left ) and put an example and next is the second choose color ( the one on the right ) and use the image that will be displayed by as the popup and then select base price as an additional cost or the price multiplayer to multiply final price of the sign.
( Screenshot )
click on more if you want to add more and remember to save when finished.
Manage Templates
ASO is a powerful tool that allows users to create and customize signs with ease. One of the core features of ASO is the ability to manage templates efficiently. This section of the documentation will guide you through the process of managing templates within the ASO plugin, providing detailed instructions to ensure you can make the most of this feature.
Click on Template to begin ;
1.Category :
Click on Categories and then Add new category and then name your category and that all.
2. Template :
Click on Add new template select a category from the categories you made and then select a configuration you wish to use. Under name template you can put in a name for your template and base price for it, if wish not to have a price for it then put 0 and it will do the job.
down below you upload a preview image for your template and also you can choose to enable or disable add to cart for your template.
Global Settings
The Global Settings section of the ASO (All Signs Options) plugin in WordPress provides essential tools for managing licenses, configuring page settings, defining output parameters, and customizing shapes, fixing methods, and borders for sign designs.
1 Manage Licenses
Here you put you License key and click on save and activate for the plugin to start working.
2 Configurations Pages
– 2.1 Page
In the page section you choose the tag you want to use for the configurator title. Click on the h1 to change to the tag you want next you just select to add your configuration and template page and if you don’t yet have one then you can click on add new page and add a new one to use just give a title to your page and you are all good to go.
2.2 Buttons
here you customize the text of the design button on the product and more .
A text is already written but you can write the one you prefer in the language you want.
3 Output
Here you tick of you want the user id as the zip name and un-tick if you prefer not and save after choosing.
4 Shape
Here you have a list of Shape already made and available and you can click on the logo under action to change the name of the shape and upload an icon for the shape and of course save when done.
5 Fixing Methods
The Fixing Methods settings define the methods available for fixing or mounting signs. Here you have the list of fixing methods you made and that are available and you can click on the logo under action to change the name of the fixing methods and put in a description and also an icon for it you also have the pop for example so click on it to make some example you wish to use and save when done.
6 Borders
The Borders settings allow you to manage and customize the borders you made and to customise them just click on the icon under icon to start where you put a title and an icon for the border and you are all done now you save it will go back by itself.
Manage fonts
Fonts are one of the most essential yet fundamental features in design, and our ASO WooCommerce Sign Product Customizer plugin is built to prioritize this. Not only does it allow you to use Google Fonts in your designs, but it also enables you to add custom TTF fonts, which can be used directly on the canvas and in the output PDF files.
1.Fonts management
The Fonts interface lets you specify the fonts your customers can use when adding text to their designs. If no fonts are specified, we have a some default fonts that will be used.
To add your own font, simply click on the Manage fonts menu, you’ll then see a list of fonts already added.
1.1 Add Google fonts
Google Fonts is one of the most popular and free web font libraries in the world. To add a Google font:
Clicking on the Add new font button brings up the interface below, ready for you to add the Googles you want to make available.
2. Click on the fonts dropdown in order to select the one you want.
3- Then click on select Font variant to choose the font variations available, exe: regular, italic etc… if the font has any.
4. Click on the Save button to save your newly selected font into the product designer.
1.2 Add custom TTF fonts
Custom TTF fonts are also supported by our ASO WooCommerce sign product customizer. In order to add a TTF file take the following steps:
Go to https://transfonter.org/ to convert your TTF file into a web-compatible format. This will ensure your file is readable by all browsers.
1.Choose the Upload font option and enter the name of your font
2. Click on the Choose a font button and select the font file you want to add.
3.Click on the save button to save the font
WOFF files are not allowed. Only TTF and OTF files can be used.
Setup Configuration
A custom sign product configuration is a collection of parameters that can be applied to one shopify product to control their functionality. By assigning a custom sign product configuration to a standard shopify product, it becomes a customizable sign product.
1.Create a configuration
To create a configuration, click on “the configuration menu” or “Create configuration, Get started”, you’ll see a list of configurations already created, and the Add new configuration button, which lets you add a new configuration.
Click on the “Add new configuration” button to enter a name and description for the configuration and click on the ”Next” button to save.
After saving the name and description , you’ll be prompted to choose whether you want to import a demo data or not. Demo data are configured according to specific examples, so you can easily modify them from there.
If you choose to import a data demo, you’ll be prompted to select the demo you want to import and click on the ”Done” button.
This takes you to the configuration list view, where you can manage your configuration by clicking on the “Materials” button in the configuration you’ve created. Please follow the steps below to manage your configuration
Material is the basic substance used to create signs (e.g. wood, vinyl, acrylic, etc.). ASO, our signs customiser for Shopify App, makes it the starting point for any configuration.
1. Add a material
To add a material, click on the “Add new material” button in the view you have after clicking on “materials” on the configuration list page.
Then enter a name, a description, an icon, an illustrative image for the material, and the material type, which is important for the rest of the configuration. This information is used in the customizer to help your customers identify the material.
By clicking on the save button, you’ll see the list of added material. Depending on the type of material, the material setting will differ.
1.1 Manage material simple
Click on the “Manage” of simple material button and configure the various elements: size, color, shape, borders, fixing methods, allow text and images and additional components.
1.1.1 Set up size
In here you create and define standard sizes for your signs. You can specify default dimensions such as small, medium, and large, or create custom sizes based on your specific requirements.
Here you have ‘add new size’. To get started click on ‘Add new sizes’.
Next, fill in a label for your size and follow up with Width and Height and put in a base price and minimum character text to start applying the base price. Follow it up by putting the maximum text character and character price and then you click on save.
1.1.2 Color
Here you create the color options available for your materials.
To do that you click on “color” which is next to sizes and you click on “add material color”.
Depending on the material properties, the color can either be an image or a solid color:
If it’s a solid color, you can choose it from the color palette.
If it’s an image-based material, upload the corresponding image to represent the color.
Color adding process:
Now that you’ve clicked on ‘Add material color,’ you put in a name for the color you want and upload an image that will be shown as the preview of the color you choose.
Next, choose a color or use an image which is under the ‘Use color pattern’ that represents the color you want. When ticked ‘no’ you use a color and when ticked ‘yes’ you use an image instead of a color.
In the ‘enable text color’ section, you can choose to enable the text color and give the color a name and a specific color or not. You can choose to add an additional price for the color if you wish too.
To create another section without leaving the current one you are in, Click on ‘Add Color’ which is down below after the additional price section and you can create how many you want and click on save.
1.1.3 Shape
In Here you set up shapes for your signs, such as triangle, square and ovals.
Click on Add new Shape to begin and Select the shape you want to use and add an additional price to it, as simple as that and you are all done but yes here to you may notice but you can add more shape to at the same time and save them all together too.
1.1.4 Border
In here you select a border styles. Borders can add a professional touch to your signs.
Click on add new border to begin and when done select a border you want and put in and additional price. You can exclude shape to which this border won’t be used with same with the size so you can also exclude size for this border and when done you click save to save what you’ve done. After saving you will see border setting and under it there is border color so all you have to do is put in a label and then name for the color and you choose the color and put in a price for it and under it there is more border options for you to click on to add more if need be for you and you can also enable custom border color which let you upload a preview image to be used for the color made.
1.1.5 Fixing Method
Here are where we see the methods used to fix or mount your signs. Options you might include adhesive, screws, hanging mechanisms, and other mounting solutions.
Click add new Fixing methods to begin
Now select the fixing method you want and as usual add an additional price and exclude shape the fixing method you choose does not apply to and exclude size from this fixing method too if you which to do so only of course and as you can see you can click on add more fixing methods to add multiple and save all in one go.
1.1.6 Text/Image
Here you tick the Enable text and Enable Image if you want them enabled or not.
1.1.7 Additional Components
Here you can include extra components that can be added to the sign.
Click on add new component to proceed
now give it a title and a description and finish with uploading an icon for you component by clicking on upload component and click save to save it.
1.2 Manage material advanced
The material advanced provides a deeper level of customization for users who need more control over the design and configuration of their materials.
1.2.1 Components
Define and manage individual components that make up the sign. After creating an advanced material you click on manage and it will bring you to an empty space where you will click on add new component and you put in a title and description and upload an icon for the component.
1.2.1 Options
when done you click on add options and next click on add new options where you give a title, description and upload an icon for the option and choose a fixing method and shape and scroll down to size to add width, height and put in an additional price and a color name and click save to save everything done.
Setting
ASO Shopify App provides an extensive range of features and customization options to enhance the design and functionality of your signage products. This guide aims to walk you through the essential settings and options available within the App, ensuring you can make the most of its capabilities. From general configurations and output preferences to customizer settings and language options, each section is designed to help you tailor the App to fit your unique business needs. Dive into the detailed settings below to get started with optimizing your ASO App setup.
1. General
The General settings in the ASO Shopify App provide fundamental configuration options that affect the overall operation of the App.
1.1 Product :
Here they are:
1.1.1 Enable design from scratch: You can tick this option to enable design from scratch, which makes your client able to begin design from scratch or with a template.
1.1.2 Redirect to cart page after adding a custom design to the cart: With this option, you can define what to do after a design is added to the cart.
1.1.3 Redirect to checkout page after adding a custom design to the cart: This is to make it more efficient by reducing the number of steps your customer needs to take before they complete their order.
1.1.4 Hide add to cart button for custom on product detail page: With this option, you can decide if you want to hide the add to cart button for custom product on the page or not.
1.1.5 Hide design buttons on shop page: With this option, you can easily hide the customization button on your store page.
1.1.6 Hide add to cart buttons for custom product on shop: With this option, you can hide the add to cart button from the customizable product that is on the store page.
1.2 Output :
Here in the output section, you can choose the files format you want and also upload a watermark icon/img to be used. So click on the PNG to change to the output you want and click on the upload popup img to upload your watermark icon.
1.2.1 Apart from that, you have the zip output file you can enable and disable: When enabled, you put what would be written on the downloaded file by the end; if disabled, then no need to do that.
1.2.2 You can also enable the design composition: This will give you the details of your design in your order or you can disable it and not have it in your order. Save by the end when finished.
1.3 Mobile options :
Here concerns the mobile version.
1.3.1 Show navigation menu on mobile: Here you can choose to show the navigation menu on mobile or not.
1.3.2 Show navigation menu first: Here you have the possibility to jump right to a specific selection from the navigation menu.
1.3.3 Mobile selection options display: Here you choose whether the mobile selection display as horizontally scrollable options on the mobile version or should be stacked vertically. When finished, be sure to save.
2. Customizer Sign :
Customizer Sign settings allow you to define the behavior and appearance of the sign customizer interface.
2.1 Customizer options: Here you choose the measurement unit and decimal format of measurement and same here where you choose whether to show or hide the measurement. You can also choose where to place the desktop column order, so either right or left, and save when finished.
2.2 Sign Part: Here you tick and decide if your sign will be double-sided or not, and then you give a label and name the two parts as you wish.
2.3 Text: Here you choose fonts and define the text color of labeling it and you give the colors name. When done, you scroll down where you can add more color or enable custom, and then you upload a color preview or an icon for the color (here you are free to do as you wish).
2.3.1 Enable font size: You can give them a minimum and maximum font size and a default size too, as you wish. Lastly, you can enable text options like bold, underline, italic, etc. When done, save.
2.4 Image: Here you can tick to enable image download, and below it, you can also tick to enable the upload of images. Right below it, you have the box for upload minimum and maximum width with the format type you have too. Enable the clipart group to choose the group of clipart you are using (e.g., Animals, Foods, Shapes, etc.). You can also enable custom color and a preview image for the color and must only for images that are in SVG.
2.4.1 Add more color: Click on Add more color to add more color. Next is the preview scene; click on add preview scene if you want to add one. Then filter, where you can choose the filter you wish to use (e.g., Blur, sepia, opacity, etc.). Click on save when finished to save everything.
3. Language/Image :
Language and Image settings enable you to manage, support, and configure image options within the ASO App. In this section, you can work on the visualizer, upload design, and image. You can rewritte the section you want in the language you want.
3.1 Visualizer: Here you work on your content header where you can write in all the brackets available and put in the title and much more as you wish it to be, and in the language you want it to be in. Same for the Action on selected object in the canvas, Content sidebar, Button options, Rest modal.
3.1.1 Put in the text displayed on your configurator overall: Just put in the text in each bracket and save when finished.
3.2 Upload design: Here you can enable a custom design link that helps you direct your customer to another page on your website, and this will display as one of the first options on the desktop and mobile. You also put your phrase for the link to submit the custom design page. To get started, click on (enable custom link), and below it, you can put the URL that will redirect customers on your site to another page and under it, put in the phrase for the link.
3.2.1 Message displayed when the help button is clicked: When done, you can now put the message that will be displayed when the help button is clicked.
3.3 Images: Here you choose the icon for each section available, and to do that, you click on Upload icon under each text (reset all, change icon size, etc.).
4. Theme/Colors :
Choose the skin you want and change colors according to your design
Add custom css to make your own customization on the skin that choose
Theme and Colors settings provide control over the visual aspects of the ASO App, allowing you to customize the look and feel of the App interface to match your brand identity. This section includes options for selecting color schemes, skin appearance of your customizer, and defining custom color palettes for use in sign designs. By configuring these settings, you can ensure that the App appearance aligns with your website’s design and enhances the overall user experience.
4.1 Choose skin: We have a default skin and an additional skin, so you click on the skin you want and save.
4.2 Colors: Here you simply choose the color you want for all the sections available to make it match your brand. Click on the arrow in the image down below to open each section and change the color you want.
4.3 Custom CSS: Here you can put your custom CSS code in case there is something you want to add in the CSS part. You can easily do it by just writing the code and clicking on save to save.
Additional Options
The Additional Options settings in the ASO app offer a range of advanced features and customization possibilities to enhance the functionality of the sign-making process. These settings allow you to fine-tune various aspects of the app to meet specific needs and preferences.
Click on “Additional Options” to begin,
Click on “Add new option” to add an additional options
Now, here you have three input choice sections for the additional options,
Choose an input type
Here you choose what type of display will be above the input options so click on the one you which to use.
Set the label and description
Here you write the label and description and it will be displayed above the input options.
Set the information about the input that you choose. Here is about “Yes/No” input
Set a popup Image for input to show the visual use of this input
Set pricing for an additional method
The popup image and pricing are both optional but can be used if you wish. Click on choose on the picture ( the one on the left ) and put an example and next is the second choose color ( the one on the right ) and use the image that will be displayed by as the popup and then select base price as an additional cost or the price multiplayer to multiply final price of the sign.
Screenshot
At last , remember to save when finished.
Pricing
Pricing in our advanced configuration operates on a sophisticated algorithm that considers several factors. These include the chosen letter pricing type, the combination of pricing inputs utilized, and the final width and height dimensions of the sign.
In order to add a new pricing method, click on “add new Pricing”. From there on you will have to give your pricing method a name and chose whether to use “Fixed cost per Letter” or “Letter material cost”.
Through our price formula editor, you have the flexibility to create multiple size ranges that align with the cost and profitability aspects associated with constructing and shipping a sign to your customers.
Max size range:
This establishes a dimension range based on the sign’s width and height, where the subsequent pricing inputs are applied.
Shipping Cost:
This feature enables precise price calculations for total shipping expenses. It associates a specific cost per square centimeter with the sign’s dimensional size, utilizing the width and height values. Learn more about calculating your shipping costs.
Fixed Letter Pricing:
You can set a fixed price per letter, such as $7 USD. This allows for consistent pricing regardless of letter type or design.
Letter Material Cost:
Define the cost of the material used to create the sign’s letters, and price it based on a per-centimeter basis. Materials range from flexible neon to glass, metal, wood, and more. It’s essential to understand the actual cost of the required materials, as an average price based on letter size may not accurately reflect the true cost. Utilize our article guide to assist you in determining material costs.
Base Price:
The base price incorporates any additional expenses necessary to construct the sign within the specified dimensional size range. This can include factors such as building costs or other related expenses.
Neon product ( color )
To add new colors, navigate to the Colours page and select “Add Colour.”
Choose a Label which will be displayed to your customers, for the desired color you wish to add and select the color type
Simple colors are for singular color option while Multicolour are for signs with multiple colors options.
Click on the color below and you can either select your preferred shade or manually input the HexCode for the color you desire.
You can also choose to have a pricing rule on your specific color
Neon signs and channel signs are two distinct types of signage, each with its own characteristics and construction methods.
Neon Signs: Neon signs are iconic and renowned for their vibrant, glowing illumination. They are crafted using glass tubes filled with neon gas, which emits a bright and colorful light when an electrical current is applied. Neon signs are known for their distinctive, retro aesthetic and are often associated with nostalgic and vintage themes. They can be shaped into various letterforms, symbols, or designs, creating a unique and eye-catching display. Neon signs are typically handcrafted by skilled artisans and require specialized expertise for installation and maintenance.
Channel Signs: Channel signs, also known as channel letter signs, offer a different approach to signage. They are constructed using individual 3D letters or shapes made from metal or plastic. These letters are typically hollow and can house various types of lighting sources, such as LED modules. Channel signs provide a clean and modern appearance, with a focus on precision and versatility. They are often used for commercial signage, branding, and storefront displays. Channel signs offer flexibility in terms of design, as they can be customized with different fonts, sizes, and finishes to match specific branding requirements.
In summary, while neon signs utilize gas-filled glass tubes for vibrant illumination, channel signs feature three-dimensional letters or shapes with various lighting options. Neon signs evoke a retro aesthetic, while channel signs offer a modern and customizable approach to signage. The choice between the two depends on the desired visual style, branding objectives, and the specific requirements of the signage project.
In addition to understanding the differences between neon signs and channel signs, our plugin empowers you to leverage the unique qualities of each sign type to create the best possible outcome. With NCPC, you can capitalize on the distinct characteristics of neon signs, harnessing their retro charm and vibrant glow to bring a nostalgic ambiance to your website. Simultaneously, you can tap into the precision and modern aesthetic of channel signs, customizing 3D letters or shapes with various lighting options to achieve a sleek and professional look. Our plugin provides the tools and features necessary to optimize your designs for both neon and channel signs, ensuring that you can create visually stunning signage that aligns perfectly with your branding objectives and desired aesthetic.
Get started
Welcome to NCPC! We are delighted to have you on board as a valued user. This getting started guide is designed to help you navigate through the initial setup and unleash the full potential of our powerful plugin.
NCPC is a revolutionary tool created to enhance your signs. Whether you are a seasoned professional or just starting out, our plugin is designed to simplify complex tasks and elevate your workflow to new heights.
In this guide, we will walk you through the essential steps to get up and running with NCPC. From installation to configuration, we will provide you with clear instructions, helpful tips, and best practices to ensure a smooth and seamless experience.
Now that you have a glimpse of the amazing capabilities that NCPC offers, let’s dive into the steps to get started:
How to install: Learn how to install NCPC on WordPress
Configuration: Discover how to configure NCPC to align with your specific needs and preferences.
2.a Neon Simple
2.b Neon Advanced
2.c Channel Simple
2.d Channel Advanced
Exploring the Interface: Get acquainted with the user-friendly interface of NCPC and learn how to navigate its various features and options.
Core Functionality: Delve into the core functionalities of NCPC and uncover the myriad ways it can enhance your Signs.
Advanced Tips and Tricks: Unlock the full potential of NCPC by mastering advanced techniques, shortcuts, and lesser-known features.
Throughout this journey, our dedicated support team is available to assist you with any questions or concerns. Don’t hesitate to reach out to us; we’re here to ensure your experience with NCPC is nothing short of exceptional.
So, without further ado, let’s embark on this exciting adventure. We can’t wait to see how it transforms your Signs and empowers you to achieve remarkable results.
Happy exploring!
How NCPC Work
How to install the plugin
This step-by-step guide will walk you through the process of installing NCPC using the provided zip file.
Before we begin, please ensure that you have the following:
A WordPress website: NCPC is compatible with self-hosted WordPress websites. If you don’t have a WordPress site yet, you can set one up by visiting wordpress.org and following their instructions.
The NCPC zip file: Upon purchase, you should have received a zip file containing the plugin. Make sure you have it handy on your computer.
Now, let’s get started with the installation process:
Step 1: Log in to your WordPress Admin Dashboard
Open your web browser and navigate to your WordPress Admin Dashboard. This is usually accessed by adding “/wp-admin” to the end of your website’s URL (e.g., www.yourwebsite.com/wp-admin).
Enter your login credentials to access the dashboard.
Step 2: Navigate to the Plugins Section
In the WordPress Admin Dashboard, look for the “Plugins” option in the left-hand menu. Hover over it, and a submenu will appear.
Click on “Add New” in the submenu. This will take you to the Add Plugins page.
Step 3: Upload the NCPC Zip File
On the Add Plugins page, click on the “Upload Plugin” button located at the top of the page.
Click the “Choose File” button and select the [Plugin Name] zip file from your computer.
After selecting the file, click the “Install Now” button.
Step 4: Activate the Plugin
Once the installation is complete, you will see a success message. Now, click the “Activate Plugin” button to activate on your WordPress site.
Step 5: Configure NCPC
After activation, NCPC will appear in the left-hand menu of your WordPress Admin Dashboard.
Click on NCPC > App to access the plugin’s settings and configuration options.
Congratulations! You have successfully installed NCPC on your WordPress website. You can now explore its features, customize its settings, and start leveraging its functionality to enhance your website.
If you encounter any difficulties during the installation process or have any questions, don’t hesitate to reach out to our support team. We’re here to assist you and ensure you have a smooth experience.
Configurations
We are excited to introduce you to our plugin, boasting four distinct configuration types: Neon Simple, Neon Advanced, Channel Simple, and Channel Advanced. Each configuration type offers a unique and tailored experience, allowing you to personalize your signs according to your specific preferences. Whether you desire a sleek and minimalist design and a simple pricing system or crave advanced functionality with full control of how the prices of your signs are handled, NCPC has the perfect configuration type for you.
And that’s not all! We are constantly evolving and expanding our offerings, with more exciting configuration types on the horizon. Get ready to embark on a journey of limitless possibilities with NCPC.
Adding Fonts
You can choose to access Google Fonts and have them available for your sign configurator or choose to upload you own font files. You have the the default option of choosing which created font to use also :
If you choose to use google fonts make sure you select the Google font you with to include in your configurator.
In order to add your own font file select “Upload” and make sure you choose the correct file format for your font.
After choosing the font you want, you’ll need to select the pricing method you’d like to assign to the selected font and then assign respectfully a height for the smallest letter and smallest uppercase letter.
Click Save one you have added all the required details and you’re done. Great job!
Simple Pricing Mode
In this guide, we will walk you through the Simple Configuration, a perfect starting point for creators new to the sign industry. Whether you’re a budding entrepreneur, an everyday Larry, or simply looking to add a touch of visual flair to your signs, this tutorial will provide you with the essential knowledge and tools to create stunning neon sign effects. Get ready to make a glowing impression as we unveil the secrets behind this user-friendly configuration type.
In order to create a Simple Configuration, please navigate to the Configuration section and select Add New Configuration:
The first step in create a configuration is giving it a distinct name:
Once you’ve named your configuration, you need to select the configuration type for your product.
There are two types of simple configurations: Neon Signs and Channel Signs. In this case, we’ll choose the Neon Signs:
The next step will be to select the Pricing model you’d like to use. Since this is a simple configuration, the way to go is the Simple Pricing model.
The simple pricing model is designed with simplicity in mind, making it easier for beginners to understand and navigate. It typically offers straightforward pricing structures without complex tiers, add-ons, or hidden costs. This clarity allows beginners to quickly grasp the pricing structure and make informed decisions.
The last step in creating a simple configuration is the option to import Demo data. We highly recommend this if this is your first time using a pricing model:
Make sure to save your configuration once you’ve selected all your parameters.
Advanced Pricing Mode
Welcome, experienced sign creators, in this tutorial we explore advanced configurations that can elevate your sign creation projects to new heights. If you are a beginner or new to sign creation, we highly recommend starting with the simple configurations tutorials to build a solid foundation before delving into the advanced realm. So, sharpen your skills, embrace the challenges, and let your creativity soar as you dive into the world of advanced sign configuration.
In order to create an Advanced Configuration, please navigate to the Configuration section and select Add New Configuration:
The first step in create a configuration is giving it a distinct name:
There are two types of simple configurations: Neon Signs and Channel Signs. We’ll choose the Neon Signs:
The next step will be to select the Pricing model you’d like to use. This is where we choose “Advanced”
The last step in creating an advanced configuration is the option to import Demo data. We highly recommend this for a smoother process.
Make sure to save your configuration once you’ve selected all your parameters.
Neon product ( color )
To add new colors, navigate to the Colours page and select “Add Colour.”
Choose a Label which will be displayed to your customers, for the desired color you wish to add and select the color type
Simple colors are for singular color option while Multicolour are for signs with multiple colors options.
Click on the color below and you can either select your preferred shade or manually input the HexCode for the color you desire.
You can also choose to have a pricing rule on your specific color
Channel product ( Letter type )
Imagine creating signs or lettering that stand out not just for their design, but also because they literally light up! This is possible with channel letters, a popular choice for businesses and creative projects.
Channel letters are three-dimensional metal shells that hold a front face and can be illuminated from the sides and back. On our plugin we allow for a variety of customization options which are :
Front Face
Trim
Backlighting
Side
Choose your color for any of the above for a unique look. Select different lighting colors and styles to create a dazzling effect.
With these features, channel letters can be tailored to perfectly match your brand or project.
So to know add new letter type to your configuration you navigate to the Letter type page and select “Add letter type” in the corner.
And then you scroll down to letter type setting and fill in the box which ask for ( title , description ) after that you choose a popup image which is completely optional.
In the pricing section you have three pricing and the pricing is optional. None which means you don’t want any additional cost added when someone customize in the letter type section.
The base price is the second pricing option available and in that option additional cost are added when the base price is selected by the customer (e.g. $10.00).
You also have the price multiplier which duplicate the last cost of the sign when chosen (for example 2 x 100) as seen written in the image.
After doing all that you can now edit your letter part.
The face letter part is required but can still be customized. You click on the the pencil type logo under action to customize you letter face
then you will see a add new on which you click and give it a title then choose the color you want and choose the visual effect you want for this letter part.
After that you can now scroll down to Minimum sizes which is also optional. In the size section you have minimum width and minimum height available. When the value is greater than 0, then this color may be disabled when the width of the sign is less than this value and same for the height section too. From there you have the rule for the size where you choose if you want one or the two size to be disable until the conditions is me and then you choose your preview and popup image and that section also is optional.
We can comme to the last part which is the Trim, Side , Back Lit and those thee customisable letter part with our plugin and to customize them it is the same process as the face letter part but the difference is that this three letter part are optional which means you can decide to have them used or not if you don’t want mean else the face is required so it is not optional. Follow the step above to customize this three optional letter part if you wan’t. Remember to tick the sliding icon on each of the letter part if want to make use of them.
As always you have your price setting where you choose if you want base or price multiplier you can also leave it to non after all the price setting is optional.
Always remember to always save after following all the steps talked about in this documentation.
Additional Options
Setting
Assign/Display Configuration
To display the configurator normally, it needs to be attached to a WooCommerce product. This makes the product customizable, so you can customize it.
There are two ways to display the configurator:
step 1-The first method is to assign the configuration to the product by editing an existing product or creating a new WooCommerce product. After creating your configuration, you can go to the product’s editing area and you’ll see a select list of your configurations. Choose the configuration you want to attach to this product and save.
Then go to the configurable product page and you’ll see the configuration button, which will take you to the configuration page. You can then link this button directly to your menu, for example, to enable access to the configuration page directly from the menu.
For this method to work properly, you must define in global settings the page that will be used to display the configurator.
Step 2- The second method is to use the shortcode that allows you to display the configurator directly anywhere on a page. For this option you need to use the shortcode [ncpc-configurator productid=’…’] where productid is the id of the product to which you want the configuration to be assigned. For example, if my product ID is 59, to display the configurator on a page, I’d simply add the short code “[ncpc-configurator productid=’59’]” at a precise point on my page, and the configurator would be displayed.
In this way, the configuration must be linked to the product in order to load the configurator properly, either via the shortcode or by editing the product.
Add your own resources
Once you’ve installed the plugin, you can add your own resources such as fonts and clipart to be used on the configurator. To find out more, please read the following article.
Fonts are one of the most essential yet fundamental features in design, and our ASO WooCommerce Sign Product Customizer plugin is built to prioritize this. Not only does it allow you to use Google Fonts in your designs, but it also enables you to add custom TTF fonts, which can be used directly on the canvas and in the output PDF files.
1.Fonts management
The Fonts interface lets you specify the fonts your customers can use when adding text to their designs. If no fonts are specified, we have a some default fonts that will be used.
To add your own font, simply click on the Manage fonts menu, you’ll then see a list of fonts already added.
1.1 Add Google fonts
Google Fonts is one of the most popular and free web font libraries in the world. To add a Google font:
Clicking on the Add new font button brings up the interface below, ready for you to add the Googles you want to make available.
2. Click on the fonts dropdown in order to select the one you want.
3- Then click on select Font variant to choose the font variations available, exe: regular, italic etc… if the font has any.
4. Click on the Save button to save your newly selected font into the product designer.
1.2 Add custom TTF fonts
Custom TTF fonts are also supported by our ASO WooCommerce sign product customizer. In order to add a TTF file take the following steps:
Go to https://transfonter.org/ to convert your TTF file into a web-compatible format. This will ensure your file is readable by all browsers.
1.Choose the Upload font option and enter the name of your font
2. Click on the Choose a font button and select the font file you want to add.
3.Click on the save button to save the font
WOFF files are not allowed. Only TTF and OTF files can be used.
Manage cliparts
Through the Clipart feature, you can offer customers a variety of predefined images for their designs. These can include photos, clipart, or vectors, and can be organized into groups for easier browsing and selection.
Configure Cliparts
To create a new clipart group, access the Manage Cliparts menu.
1. To create a new clipart group, access the Manage Cliparts menu.
2. Click on the Add new clipart group button and enter a name and description for your clipart group, then save.
3. After saving, you return to the interface showing the list of clipart groups created, and click on the Manage button for the group you wish to populate. You will see the list of clipart already added and the button to add clipart for this group.
4. To add clipart, you can choose between uploading the images from your own computer or adding them from a clipart gallery provided by the plugin.
4.1 Add clipart by upload your own image
The upload images option is selected by default and allows you to add your clipart by entering a name, a price and choosing your image from your image library on your computer.
4.2 Add clipart via Plugin clipart API
Select the Use API clipart option and choose the different images you want to add to this clipart group, then click on the I made my choice button and enter the title and any additional price for each image selected.
5.Click on save button to save the clipart into your clipart’s group .
Manage cliparts
Through the Clipart feature, you can offer customers a variety of predefined images for their designs. These can include photos, clipart, or vectors, and can be organized into groups for easier browsing and selection.
Configure Cliparts
To create a new clipart group, access the Manage Cliparts menu.
1. To create a new clipart group, access the Manage Cliparts menu.
2. Click on the Add new clipart group button and enter a name and description for your clipart group, then save.
3. After saving, you return to the interface showing the list of clipart groups created, and click on the Manage button for the group you wish to populate. You will see the list of clipart already added and the button to add clipart for this group.
4. To add clipart, you can choose between uploading the images from your own computer or adding them from a clipart gallery provided by the plugin.
4.1 Add clipart by upload your own image
The upload images option is selected by default and allows you to add your clipart by entering a name, a price and choosing your image from your image library on your computer.
4.2 Add clipart via Plugin clipart API
Select the Use API clipart option and choose the different images you want to add to this clipart group, then click on the I made my choice button and enter the title and any additional price for each image selected.
5.Click on save button to save the clipart into your clipart’s group .
Welcome to the documentation for All Signs Options (ASO) for Shopify. ASO is an innovative signs customiser app designed for the signage industry, providing an all-in-one solution for sign creation, customization, and ordering directly through your Shopify store. With the All Signs Options, sign makers can simplify and streamline the process of offering customizable signs to their customers, making it fast, easy, and reliable.
This documentation will guide you through the features and usage of the All Signs Options (ASO) app.
What Is All Signs Options App
All Signs Options (ASO) is a Shopify app that helps sign makers offer customizable signage solutions on their Shopify storefronts. It enhances the process of sign design, quoting, and ordering with an intuitive, user-friendly interface. The app offers flexible customization options for various materials, allowing customers to create their designs, select templates, and order custom signs easily.
For sign makers, All Signs Options (ASO) improves workflow efficiency by enabling simple installation and management of custom sign orders. Customers, in turn, enjoy a seamless and interactive design experience that boosts engagement and sales.
Key Features:
– Customization Options: Offer custom fonts, clipart, materials, shapes, and more.
– User-Friendly Configurator: Provides a simple, intuitive interface for your customers.
– Pre-Designed Templates: Helps customers get started with customizable sign templates.
– Material Variations: Support for simple and advanced materials with flexible customization options.
– Seamless Shopify Integration: Easily integrates into your Shopify store for managing orders.
ASO Concepts/Terms
We believe that every design is based on a material, whether printed or engraved. We’ve therefore introduced the concept of material into our App, distinguishing between two types of material: simple and advanced. For a realistic view of designs, we’ve integrated method fixings representing the different design support methods, and shapes highlighting the different forms our design can take.
Here are a few terms to help you understand the lexicon of the app and how it works.
ASO: All Signs Options (Signs Customiser App)
Material: The base substances used for creating signs (e.g., wood, vinyl, acrylic).
Material simple: The simple material mode offers your customers flexibility by allowing them to manipulate the material’s shape, color, and border. It is therefore, a material in its standard form, allowing different variations to be applied to the material.
Material advanced: The advanced material mode presents specific variations of the material chosen by the user, with less flexibility when it comes to variations applied to the material. Advanced material comes with its own size, background, shape and border.
Configuration: It’s a set of defined properties or options assigned to a product to make that product customizable. It contains the various parameters required to load and run the editor attached to the customizable product.
Customizer / Configurator: An editor within ASO that allows users to personalize their sign designs and get a realistic view of their designs.
Fixing method: The techniques used to mount or display signs (e.g., adhesive, screws).
Shape: The shape of the signs can be square, round, triangle, polygonal, etc…
Template: Pre-designed sign layouts that can be customized.
Get Started
To start using our All Signs Options (ASO) app on your Shopify store, follow the steps below to install and set it up.
Requirements
Before installation, ensure you have the following:
1. A Shopify Store : The ASO app is designed specifically for Shopify stores. Make sure your store is active.
2. ASO App Installed from Shopify App Store : The app can be found in the Shopify App Store. Install it directly by searching for “All Signs Option” and adding it to your store.
3. Admin Access : Ensure you have admin access to your Shopify account for app installation and customization.
Installation and Activation
1- Navigate to the Shopify App Store.
2- Search for “All Signs Option (ASO)”.
3- Click the “Install” button.
4- Complete installation :
4- After adding the app, Shopify will request permission to access your store’s information.
5- Review the permissions and click “Install App.”
6- App Subscriptions:
Click on “Create configuration, Get started,” and you will be redirected to the pricing page.
Choose your subscription plan and click on “Subscribe to Monthly” or “Subscribe to Yearly.”
Add your credit card information to unlock the plan that you choose.
After subscription, you have access to a 15-day free trial, after which you can proceed to payment.
Congratulations!
You’ve successfully installed the ASO app for Shopify. You can now explore the features, customize your product sign options, and start using it to enhance your store’s services.
If you run into any issues during installation or setup, our support team is available to assist you.
Add your own Resources
Once you’ve installed the Shoify app, you can add your own resources such as fonts and clipart to be used on the configurator. To find out more, please read the following article.
Manage Fonts
Fonts are one of the most essential yet fundamental features in design, and our ASO Shopify Signs Customiser app is built to prioritize this. It enables you to add custom TTF fonts, which can be used directly on the canvas and in the output PDF files.
1.Fonts management
The Fonts interface lets you specify the fonts your customers can use when adding text to their designs. If no fonts are specified, we have default fonts that can be used.
To add your own font, simply click on the Manage fonts menu, you’ll then see a list of fonts already added.
Click on the ‘Add new font’ to add your font.
1.1 Add custom TTF fonts
Custom TTF fonts are also supported by our ASO Shopify signs customiser. To add a TTF file, follow these steps:
Go to https://transfonter.org/ to convert your TTF file into a web-compatible format. This will ensure your file is readable by all browsers.
Choose the ‘Upload font’ option and enter the name of your font
2. Click on the ‘Choose a font’ button and select the font file you want to add.
3. Click on the ‘save’ button to save the font
NB: WOFF files are not allowed. Only TTF and OTF files can be used.
Manage Cliparts
Through the Clipart feature, you can offer customers a variety of predefined images for their designs. These can include photos, clipart, or vectors, and can be organized into groups for easier browsing and selection.
Configure Cliparts
1. To create a new clipart group, access the ‘Manage Cliparts’ menu.
2. Click on the ‘Add new clipart group’ button, enter a name and description for your clipart group, then save.
3. After saving, you return to the interface showing the list of clipart groups created and click on the ‘Manage’ button for the group you wish to populate. You will see the list of clipart already added and the button to add clipart for this group.
4. To add clipart, you can choose between uploading the images from your own computer or adding them from a clipart gallery provided by the app.
4.1 Add clipart by uploading your image
The upload images option is selected by default and allows you to add your clipart by entering a name, a price, and the image choice from the image library on your computer.
4.2 Add clipart via the app ‘API clipart’
Select the ‘Use API clipart’ option and choose the different images you want to add to this clipart group, then click on the ‘I made my choice’ button and enter the title and any additional price for each image selected.
5.Click on ‘save button’ to save the clipart into your clipart’s group .
Setup Configuration
A custom sign product configuration is a collection of parameters that can be applied to one shopify product to control their functionality. By assigning a custom sign product configuration to a standard shopify product, it becomes a customizable sign product.
1.Create a configuration
To create a configuration, click on “the configuration menu” or “Create configuration, Get started”, you’ll see a list of configurations already created, and the Add new configuration button, which lets you add a new configuration.
Click on the “Add new configuration” button to enter a name and description for the configuration and click on the ”Next” button to save.
After saving the name and description , you’ll be prompted to choose whether you want to import a demo data or not. Demo data are configured according to specific examples, so you can easily modify them from there.
If you choose to import a data demo, you’ll be prompted to select the demo you want to import and click on the ”Done” button.
This takes you to the configuration list view, where you can manage your configuration by clicking on the “Materials” button in the configuration you’ve created. Please follow the steps below to manage your configuration
Material
Material is the basic substance used to create signs (e.g. wood, vinyl, acrylic, etc.). ASO, our signs customiser for Shopify App, makes it the starting point for any configuration.
1. Add a material
To add a material, click on the “Add new material” button in the view you have after clicking on “materials” on the configuration list page.
Then enter a name, a description, an icon, an illustrative image for the material, and the material type, which is important for the rest of the configuration. This information is used in the customizer to help your customers identify the material.
By clicking on the save button, you’ll see the list of added material. Depending on the type of material, the material setting will differ.
1.1 Manage material simple
Click on the “Manage” of simple material button and configure the various elements: size, color, shape, borders, fixing methods, allow text and images and additional components.
1.1.1 Set up size
In here you create and define standard sizes for your signs. You can specify default dimensions such as small, medium, and large, or create custom sizes based on your specific requirements.
Here you have ‘add new size’. To get started click on ‘Add new sizes’.
Next, fill in a label for your size and follow up with Width and Height and put in a base price and minimum character text to start applying the base price. Follow it up by putting the maximum text character and character price and then you click on save.
1.1.2 Color
Here you create the color options available for your materials.
To do that you click on “color” which is next to sizes and you click on “add material color”.
Depending on the material properties, the color can either be an image or a solid color:
If it’s a solid color, you can choose it from the color palette.
If it’s an image-based material, upload the corresponding image to represent the color.