PCBQuickPrice Implementation Details
So, you've been told to implement Boardera's PCBQuickPrice tool. Congratulations! You're minutes away from rapid PCB and Assembly quoting capabilities for your customers.
Sign-up as a supplier with Boardera
Navigate to boardera.ca/pcbquickprice and ‘Get It’ to create an account.
Follow the instructions.
Your SHARE page will generate a webpage you can utilize for pricing immediately.
Your SHARE page will also contain the JavaScript needed to embed the tool on your website. Share that JavaScript with your favourite hard-working IT person to get the job done. The instructions above are specific to that task.
Contact support@boardera.ca if you have questions.
How to validate
As mentioned above, users will see a file drop zone area on your website in the colour you configured. You can validate that this is working correctly by:
First, drop a set of Gerber or ODB++ files into the drop zone.
There is a sample file below if you do not have a project.
After that, verify that you the price breakdown flyout.
Fill out the form using “test” info so it is obvious the lead is a test.
An email from Boardera containing the lead will be sent to the inbox configured on registration.
Any issues or a request to implement on multiple sites can go to support@boarera.ca
What a User Will See
Users will be provided with a price estimate shortly after the upload via a flyout that will come in from the left side of the page. They will be asked to provide their name and contact information to show pricing. The sales contacts associated with this account will receive an email including the quote request and pricing details.
The user will see something like this:
Using JavaScript to Implement on Your Website
NOTE: This may require a little web developer know-how
NOTE: If you are using a website hosting service, like WordPress or Wix, follow their instructions for adding custom JavaScript to your site.
Implement the JavaScript that was provided to you in the webpage or webpages that are appropriate to providing your customers instant pricing estimates for their PCB jobs.
It is a good replacement for the “quote” information form on a typical website.
Be sure to point any relevant navigation to this page/tool.
If there is promotional copy to be included as to the value of the tool etc. add that. You can utilize Boardera.ca as an example.
If you do not have the JavaScript because you haven’t registered the business, skip to the bottom. Otherwise, ask the requestor for this JS. If you are stuck, contact support@boardera.ca .
The installation script will look like this:
<script type="text/javascript"> // Boardera initialization script (function (b,o,a) { var script = o.createElement('script'); script.src="https://cdn.pcborders.com/pcbqp.js"; b.__boardera_base_url__ = a; o.body.append(script); })(window, document, "http://<your-subdomain>.pcborders.com"); </script>Add it to the
<body>element of your HTML page. This script will load our Boardera custom element and configure it so you can easily reference it anywhere in the page. See the following step for more instructions.
Add
<boardera-quickprice quick-quote=”true”/>wherever you would like the Quick Price iFrame to appear on your website.
It looks something like this:
NOTE: If you need to implement this on multiple domains that represent your business, ping us at support@boardera.ca with a list of those domains so we can allow that to happen. Assume authorization has only been granted for you live/public domain.
There are several attributes available to customize the functionality and appearance of the iFrame. all are defined but the ones you care about are GREEN.
Name | Required | Description |
quick-quote | Yes | quick-quote=”true” will set the widget to lead generation mode. This will provide leads to the configured contact and provide a visual estimate to the customer. It is recommended this stays true.
|
custom-color | No | If you would like a custom color for the loader and buttons, you can specify the hex in a "custom-color" attribute. Default is the color specified on your Supplier Branding page. |
font-color | No | If you would like a custom color for the button text, you can specify the hex in a “font-color” attribute. By default, the widget will decide if black or white is appropriate based on your “custom-color” attribute. |
hide-brand | No | If you would like “Powered by Boardera Software Inc” to not be shown, you can disable it using the “hide-brand” attribute with a “true” value. By default, this branding will be shown. |
name phone | No | If you have a user’s (PI) Personal Information as part of an active session, this can be injected and pre-filled in the contact form so that the user doesn’t need to enter it again. The PI attributes are “name”, “email” and “phone”.
|
base-url | YES | Your custom Boardera supplier domain – this will be provided for you and already embedded in the JavaScript. Do not change this. |
Example including all available attributes:
<boardera-quickprice
quick-quote="true"
custom-color="77BF90"
font-color="000000"
hide-brand="true"
name="example name"
email="example@mail.com"
phone="123-123-1234"
base_url=”https://example-domain.com”
/>… and that's it! Users will see a file drop zone area on your website for pricing where they can upload their design. We recommend adding some additional text content along with the widget to draw your user's attention and provide general instructions. See Boardera.ca for inspiration.