Custom Slider configuration for Pricing Pages

[web hostlet]

Hi WHMCS.

 

Let me introduce to you, my Custom Slider's for pricing pages.

 

This allows you to display a table of your products, and enable your client's to drag a slider (or check a styled checkbox) to configure their product, without the need for the configuration options page.

 

 

The best thing I could do would be to link you to how I have implemented this on my own website. My best showcase would be the dedicated servers page, found here.

If you look at DE# 01, there is a billing cycle slider at the bottom. I have the price starting at the cheapest price, and the price tag says "Starting". When you drag the slider to any other billing cycle, it automatically updates the price to display the price with the new options, and changes the word "Starting" to "only". Also, the link automatically updates, to link to the cart area with the correct billing cycle.

If you look now at DE# 02, there are 7 different options. Changing ANY of these values using sliders, or the KSplice checkbox, will update the price and link. I do not use the config page, as it will skip right to viewing the cart ready to checkout as the client has already selected all options at the initial page.

 

This increases usability of your site, provides clear pricing, and will end up with one less page shown to your client before they order - Which means one less reason to quit ordering.

 

The sliders are extremely easy to style to match your website colours. I will either leave the colours as is, or will attempt to get a better match to your site. (I do think however that the current colours will go well with a wide variety of themes). Feel free to edit the CSS afterwards.

 

this is NOT available as an addon. Each purchase will involve me creating a custom javascript code to run. Delivery times will be at a minimum... Expect delivery time to be under 24 hours except in exceptional circumstances (even weekends).

 

To purchase this to be done, please click here. This is a one off fee, and you will be provided with all files necessary for this to run. I can install this for you with FTP access if you would like me to.

 

Any Questions? Feel free to ask away!

[web hostlet]

I am happy to discuss pricing. If you are interested in this then please by all means, either post here with a link to your product page, or pm me or any other form of contact... I will take a look at products, and get back to you. The possibilities are really endless... and with a look at what config you are looking at, I can get back to you with a discounted, custom quote.

[Strother]

So then, does this require a paid modification by you whenever products are added or deleted?

[web hostlet]

So then, does this require a paid modification by you whenever products are added or deleted?

 

Hi Strother,

It will need a modification whenever products are added, however it will be very minimal.

When creating the new product on the product page, you will need to use specific ID tags. For example, where the price is, have a span tag around the price, and give it in ID such as "productcodeprice". For my dedicated servers linked to in the first post, I use "de01price" for example.

 

You will need to create the sliders,though this is really simple. Simply put an input box with set attributes. (one attribute will list the possible values for example). Then have a span show directly beneath the slider with another specifid ID, using the same product name. The order link will also need a specific ID. they should all follow the same format, product code, followed by the name of what it is (for example, price, or link). this will all be explained based on your products. You will also have an "onchange=" attribute to your inputs. They will pass a parameter which is the product code. There will be some editing in the JS file too, but it should be extremely minimal.

 

You will need an array setup for the different prices of the product. (split by billing cycle). You will also need a really simple if statement, which will take the value of the slider, and convert it into the configurable option code which can be found by looking at the config options page source code for the specific product. I will give full details with this when I create it for you if interested.

 

Could you link me to your product page(s)? I coulddiscuss this in more detail then...

 

If you did need me to come back and make changes for new products etc, I would do this either for free or for an extremely reduced rate, as the majority of the work will have been done in the initial setup in almost every case.