48 comments found.
Can I determine how many winners daily.
Hi,
Thank you for your interest in SuperWheel.
The script is designed to be fully controlled using the methods documented in our documentation. You can implement logic to set the number of winners per day by utilizing these methods.
For instance, you might consider using the onComplete callback to track the number of winners and implement your own logic to limit daily winners. This would involve custom coding on your part, either on the frontend or backend, possibly using AJAX to communicate with your server-side logic.
Please note that while the script provides the necessary hooks and flexibility, implementing a daily winner limit requires custom development beyond the default functionality.
If you need assistance with this customization, I offer setup and customization services for an additional fee. Feel free to reach out if you’re interested.
Best regards.
Hi,
Thank you for creating this fantastic spinner! It works wonderfully and has been very helpful.
I would like to enhance the visual effect of the spinner by making it 3D I mean adding shadows inside the elements and around the border of the spinner. Is it possible to achieve this? If so, could you please guide me on where exactly I should make these changes in the code?
Thank you again for your great work!
Hello, Thankyou for purchasing our Item, We have to customize the script look to be like 3D view, Lets discuss it on Skype, Thankyou.
Is it possible to use the % profit system in Spin? In our options we have option1, option2 and option3. Can an option like 35% chance of winning for option 1, 55% chance of winning for option 2, and 10% chance of winning for option 3 be added? What extra fee do you get?
Hello,
Thank you for reaching out. The current script doesn’t include a function to generate a winning item based on a percentage. However, it is designed to handle the winning value before starting the spin.
If you need assistance with adding this feature, we can provide it for an additional support fee.
Note: You must have purchased the script before requesting any customization services.
Best regards,
If I asked you to add this feature, how much would you charge? In addition, my request is that the percentage gain factor is 50% in option 1 and 10-20% in the others.
Hi Medahost, Please contact me on skype : ouit.team
Am running an online competition inviting users to submit a form and we randomly pick a winner. admin will spin wheel and a name will be picked as winner. Am expecting nearly 10,000 entires. Do you think Your application is the right one?
Hi Mate, yes it working for you, you set object items, when you run spin code then you can set the value of Item that you have selected to be winner, so if you use ajax to run code then it will work perfect for you.
Hello,
love your script. Great options, easy on browser resources and love the fact it requires only jQuery a 3 core files.
Does SuperWheel support backend control of result? In previous comment you mentioned “Before each spin, you just set the value you want the wheel to stop on.“This can be abused as visitor would look into code and choose to not spin when loosing, instead he would reload the page to try again. So my question is: is there a way to receive result from backend via Ajax only after visitor clicked spin button?
Hi there, yes is possible
hi, can we control the winner or probabilities?
Absolutely, with the wheel of fortune script, you’re in full control of the winning value. You can customize each item on the wheel, deciding which property will determine what’s considered a win. Before each spin, you just set the value you want the wheel to stop on. Then, during the spin, it’ll land exactly where you’ve chosen.
Now, here’s the cool part: if there are multiple slices with the same value and you’ve marked that value as a winner, the script keeps things fair by randomly picking one of those slices. It adds a bit of excitement and ensures everyone’s got a fair shot. If you need any more help or have questions about tweaking things, just let me know!
1) Hi, what is your anti-cheat policy? 2) Can I define if the user will win or no? 3) Can there be no center section so the slies are to the very center of the well?
Hi Mate, Our script is designed for versatile control, allowing basic manipulation from the frontend or more advanced customization from the backend. To incorporate an anti-cheating feature, it’s advisable to utilize either Ajax or WebSockets for secure result transmission from the server. This prevents users from tampering with actual results. If you opt for a basic results generator on the frontend, it’s recommended to restrict its use to simulated scenarios, such as gaming, rather than for real prizes to maintain the integrity of the outcomes.
can i use this for opencart
Hi mate, If you intend to utilize it for actual prizes, the implementation requires the development of a dedicated plugin or module for OpenCart. This custom extension will enable server-side result generation, ensuring a seamless integration with your prize system. On the other hand, if your purpose is solely for entertainment, a more straightforward approach involves embedding it directly into OpenCart. In either case, proficiency in development is essential to successfully implement these solutions.
Hello! This is a fantastic script just right for my needs. I just purchased it and have installed it and customized it, but I am having an issue as sometimes the first spin is not available until refreshing the page, then after 2 or 3 spins the wheel gets disabled.
I have tried figuring it out to no success, any suggestions?
Thank you so much for the support.
I managed to get it to work, I had no 0 slice value, but now my issue is that the wheel spins and favors the slice with the 0 value most of the time. I would like the wheel to give prizes more often and skip the 0 value slice as much as possible.
How can this be achieved?
Thank you so much for the support.
To skip 0 value from results as much as possible, you will need to create function to generate the result, selecting the result is not part of our script, but we are happy to help our customers with simple things like this, this is the solution :
function selectValue() {
// Manually set an array of values from 0 to 10
const values = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
while (true) {
// Randomly select a value
const selectedValue = values[Math.floor(Math.random() * values.length)];
// If the value is not 0, return it immediately
if (selectedValue !== 0) {
return selectedValue;
}
// If the value is 0, reselect with some probability (e.g., 10%)
if (Math.random() < 0.1) {
return selectedValue;
}
}
}
$(document).on('click','.spin_button',function(e){
let selectedValue = selectValue();
$('.wheel').superWheel('start','value',selectedValue);
});
In this function, we create an array of values from 0 to 10 and then loop indefinitely until we select a value that isn’t 0 or we select 0 and pass a 10% chance. If either of these conditions is met, we return the selected value.
Thank you so much for the support, I am going to try and implement the code, hopefully I don’t run into any trouble as I am very new to code.
Greetings! I applied the function as instructed but as soon as it lands on the slice that has the 0 value (which will be the “lose” option) it constantly lands on it again. Also refreshing it is the first to land in.
Here’s the link to the deployed wheel https://grupoq.puesi.com
Also here’s the applied code, in case you see something odd that I am not noticing, again thank you for your support, it’s a fantastic code
Thank you!
// Super Wheel Script jQuery(document).ready(function($){ }
$('.wheel-standard').superWheel({
slices: [
{
text: "PULIDO",
value: 1,
message: "Pulido general gratis (aplica para otro vehículo)",
background: "#65acdd",
],
width: 400,
frame: 1,
duration: 8000,
type: "spin",},
{
text: "PINTURA",
value: 1,
message: "Pintura de una pieza gratis",
background: "#176bb1",},
{
text: "ALINEACIÓN Y
BALANCEO",
value: 1,
message: "Alineación y balanceo gratis",
background: "#d72c2a",},
{
text: "LLANTAS",
value: 1,
message: "Llantas 4x3 compra tres y te regalamos la 4",
background: "#6b1515",},
{
text: "INTENTA
DE NUEVO",
value: 0,
message: "Intenta nuevamente",
background: "#dd4137",},
{
text: "FRENOS",
value: 1,
message: "Cambio de pastillas 50%",
background: "#006cb8",},
{
text: "LIMPIEZA",
value: 1,
message: "Limpieza de tapicería gratis",
background: "#dd4137",},
{
text: "PLUMILLAS",
value: 1,
message: "Plumillas gratis",
background: "#1c3e68",}text : {
color: "#FFF",
size: 13,
offset: 8,
arc: false
},
line: {
width: 5,
color: "#000000"
},
outer: {
width: 5,
color: "#000000"
},
inner: {
width: 5,
color: "#000000"
},
center: {
width: 25,
rotate: false,
image: {
url: "media/LOGOSm.png",
width: 20
}
},
marker: {
background: "#c0392b",
animate: 1
},selector: "value",});var tick = new Audio('media/tick.mp3');function selectValue() {
// Manually set an array of values from 0 to 10
const values = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];while (true) {
// Randomly select a value
const selectedValue = values[Math.floor(Math.random() * values.length)];
}// If the value is not 0, return it immediately
if (selectedValue !== 0) {
return selectedValue;
}// If the value is 0, reselect with some probability (e.g., 10%)
if (Math.random() < 0.01) {
return selectedValue;
}$(document).on(‘click’,’.spin_button’,function(e){ let selectedValue = selectValue(); $(’.wheel’).superWheel(‘start’,’value’,selectedValue); });
$(document).on(‘click’,’.wheel-standard-spin-button’,function(e){
$('.wheel-standard').superWheel('start','value',Math.floor(Math.random() * 2));
$(this).prop('disabled',true);
});$('.wheel-standard').superWheel('onStart',function(results){$('.wheel-standard-spin-button').text('Girando...');});
$('.wheel-standard').superWheel('onStep',function(results){if (typeof tick.currentTime !== 'undefined')
tick.currentTime = 0;tick.play();});$('.wheel-standard').superWheel('onComplete',function(results){
//console.log(results.value);
if(results.value === 1){swal({
type: 'success',
title: "¡FELICITACIONES!
¡HAZ GANADO!",
html: results.message, });}else{
swal("Oops!", results.message, "error");
}$('.wheel-standard-spin-button:disabled').prop('disabled',false).text('Jugar');});});
It appears there might be an issue with the current code that you have edited in `main.js`. please clear the existing code and replace it with the following:
// Super Wheel Script
jQuery(document).ready(function ($) {
// Add a comment here
$('.wheel-standard').superWheel({
// Add a comment here
slices: [
{
// Add a comment here
text: "PULIDO",
value: 1,
message: "Pulido general gratis (aplica para otro vehículo)",
background: "#65acdd",
},
{
// Add a comment here
text: "PINTURA",
value: 1,
message: "Pintura de una pieza gratis",
background: "#176bb1",
},
{
// Add a comment here
text: "ALINEACIÓN Y <br />BALANCEO",
value: 1,
message: "Alineación y balanceo gratis",
background: "#d72c2a",
},
{
// Add a comment here
text: "LLANTAS",
value: 1,
message: "Llantas 4x3 compra tres y te regalamos la 4",
background: "#6b1515",
},
{
// Add a comment here
text: "INTENTA DE <br />NUEVO",
value: 0,
message: "Intenta nuevamente",
background: "#dd4137",
},
{
// Add a comment here
text: "FRENOS",
value: 1,
message: "Cambio de pastillas 50%",
background: "#006cb8",
},
{
// Add a comment here
text: "LIMPIEZA",
value: 1,
message: "Limpieza de tapicería gratis",
background: "#dd4137",
},
{
// Add a comment here
text: "PLUMILLAS",
value: 1,
message: "Plumillas gratis",
background: "#1c3e68",
}
],
width: 400,
frame: 1,
duration: 8000,
type: "spin",
text: {
color: "#FFF",
size: 13,
offset: 8,
arc: false
},
line: {
width: 5,
color: "#000000"
},
outer: {
width: 5,
color: "#000000"
},
inner: {
width: 5,
color: "#000000"
},
center: {
width: 25,
rotate: false,
image: {
url: "media/LOGOSm.png",
width: 20
}
},
marker: {
background: "#c0392b",
animate: 1
},
selector: "value",
});
var tick = new Audio('media/tick.mp3');
function selectValue() {
// Manually set an array of values from 0 to 10
const values = [0, 1];
while (true) {
// Randomly select a value
const selectedValue = values[Math.floor(Math.random() * values.length)];
// If the value is not 0, return it immediately
if (selectedValue !== 0) {
return selectedValue;
}
// If the value is 0, reselect with some probability (e.g., 10%)
if (Math.random() < 0.1) {
return selectedValue;
}
}
}
$(document).on('click', '.wheel-standard-spin-button', function (e) {
e.preventDefault();
let selectedValue = selectValue();
$('.wheel-standard').superWheel('start', 'value', 1);
$(this).prop('disabled', true);
});
$('.wheel-standard').superWheel('onStart', function (results) {
$('.wheel-standard-spin-button').text('Girando...');
});
$('.wheel-standard').superWheel('onStep', function (results) {
if (typeof tick.currentTime !== 'undefined')
tick.currentTime = 0;
tick.play();
});
$('.wheel-standard').superWheel('onComplete', function (results) {
//console.log(results.value);
if (results.value === 1) {
swal({
type: 'success',
title: "¡FELICITACIONES!<br /> ¡HAZ GANADO!",
html: results.message,
});
} else {
swal("Oops!", results.message, "error");
}
$('.wheel-standard-spin-button:disabled').prop('disabled', false).text('Jugar');
});
});
Can the wheel be made to open on click action, from some image or link, as a popup, responsively?
Also can it be connected with subcscribe to spin, with mailchimp or any other, with checking if there is such email etc …
If not, is it allowed to modify the code etc?
Hi there! Regarding your first question about opening the wheel on a click action, it is indeed possible to integrate the wheel inside a modal or popup. When you click the button or perform an action to open the modal or popup, you will be able to see the wheel inside it.
As for your second question, if you are unsure about the scripts required to integrate other scripts with our plugin, it usually depends on the callbacks or actions provided by the other apps. In some cases, you might need to make customizations to ensure compatibility.
Finally, for your last question, it is indeed possible to modify our plugin to add new features or make it compatible with other apps or custom actions and events. Customizations can be made to suit your specific requirements.
Let me know if you have any further questions or if there’s anything else I can assist you with!
Hi there, I’d like to hyperlink the various different winning slides to a url. How would I do this ?
text: 'images/1.png',
value: 1,
message: "You win SoundCloud Icon",
background: "#fff",
Link to webpage*Thanks!!
{
text: 'images/1.png',
value: 1,
message: "<a href="https://yoursite.com">You win SoundCloud Icon</a>",
background: "#fff"
}
I don’t remember if text parameter accepts html elements:
{
text: '<a href="https://yoursite.com"><img src="images/1.png" /></a><a></a>',
value: 1,
message: "<a href="https://yoursite.com">You win SoundCloud Icon</a>",
background: "#fff"
}
make sure to change type from image to html or text.
I hope this will help.
hi can you please provide an email for support, im trying to purchase the item for super wheel but i want installation and setup please so we can talk about details and pricing
we are not supporting email conversations for customization services, Please contact me using skype : ouit.team
Hi there. I’m using the image wheel, with 6 slices. I want to be able to set the odds that the wheel will select a certain image for each of the images. So for instance; Image 1: 20% chance, Image 2: 30% chance, Image 3: 5% chance, Image 4: 15% chance, Image 5: 10% chance, Image 6: 20% chance. Is this possible?
let slice1Odds = 0.2;
let slice2Odds = 0.3;
let slice3Odds = 0.05;
let slice4Odds = 0.15;
let slice5Odds = 0.1;
let slice6Odds = 0.2;
let randomNumber = Math.random();
let selectedValue;
if (randomNumber < slice1Odds) {
selectedValue = 1;
} else if (randomNumber < slice1Odds + slice2Odds) {
selectedValue = 2;
} else if (randomNumber < slice1Odds + slice2Odds + slice3Odds) {
selectedValue = 3;
} else if (randomNumber < slice1Odds + slice2Odds + slice3Odds + slice4Odds) {
selectedValue = 4;
} else if (randomNumber < slice1Odds + slice2Odds + slice3Odds + slice4Odds + slice5Odds) {
selectedValue = 5;
} else {
selectedValue = 6;
}
This code is an example and can be customized to match your specific wheel settings. Each time the spin button is clicked, this formula should be applied. If further assistance is needed, we offer services at a reasonable cost. Please contact me on Skype (ouit.team) for more information. Regards.
I’m trying to add this to a Wordpress page and running into some issues. I’ve clicked on the support link, but it takes me to a 404 page. Is this something I can get help with?
Hi there,
Thankyou for purchasing our product.
Can you explain the problem here or contact us on Skype so we can help you to fix issues ?
Skype ID : ouit.team
Thankyou.
Hi, thanks for this plugin. I’ve a couple of questions: - Is it possible to do word-break on text in segments/slices? - Is it possible to do more styling on the wheel?
Hi there,
thankyou for purchasing our product.
if you have good experience in css then yes is possible to apply word break from css file.
For second question, Yes you can apply custom styles from script and from css file, but our plugin custom styles is limited, so if you want to apply more styles then you can do it from css file.
I hope our answere helps you.
Best Regards.Hi there. Bought this script the other day and it is great! But I am having one issue that I haven’t been able to figure out how to fix. My use case requires that the wheel be spun 5 times to get 5 different winners. Usually when I do this I can’t get through all 5 spins without the Spin button becoming disabled. Usually, a hard refresh will reset it, but not always…and I don’t want to have to refresh each time if I don’t have to. Thoughts on what this might be? Thanks!
Hi there,
Thankyou for purchasing our Item.
I think you forget to add code to enable spin button on enent “onComplete”.
if you want to limit to 5 spins then you disable spin button completly,
then you can set variable count “var c = 0; c++; if(c== 4){ return }”
if you need help please contact me on skype: ouit.team
I will be happy to help you on it.
Best regards.
Hi there. I purchased the superwheel after buying the easywheel as it suited more to what I want to achieve. They are both great scripts. Top marks! I am experiencing a problem on the “wheel-with-image” template. When I add a image to the centre, and then preview it, it breaks. What I mean is, the wheel disappears and the spin button remains. When I remove the “center:” script, then the wheel re-appears. Is this a bug on the template or something?
Also, why would my images in my slices be showing on my localhost, but when I upload to a production server, the images don’t show?
Hi there, Thankyou for purchasing our product, for bug you find in centered Image I think the problem from your side, but let me check it and will back to you, for images not showing in server that beceause you set images with local directory url, when you need to set it to have http://yoursite.com/image_folder/image.jpg, I mean you need to set full url including your domain name “https://domainname.com/”, if you need more help please contact me on skype: ouit.team , I will be happy to help. Best regards.
I figured out the images not showing up. I was not deploying the files to the root of the production server. Thanks for replying though. This is an amazing script. Super clean! See if you can see why I cant add “center:” to the template. Maybe I should format it differently?
I have verified my script code and I see centered image works well, can you contact me on skype ? ,I will help you to fix it on your code.
I figured it out dude. No worries. A rookie mistake on my side. Thanks for your reply though
Happy to hear that, hope you enjoy coding.
Is it possible to play a custom sound for different outcomes of the wheel? Example make sound x if win on slice 1, make sound y if win on slice 2
yes it is possible, just use callback parameter to know the winning value and to play the right sound based to winning value
Can you also do that do display the same image of the winner on the pop up box?
yes in callback and using parameters you can do unlimited things based to winning value
there multiple callbacks like : onstart,onstep,onprogress,oncomplete
I have managed to do the image and sound thing but the problem now is that I setup multiple different values on the slices so how can I select multiple random values on this line? $(’.wheel-with-image’).superWheel(‘start’,’value’
we have example script.js file included with script files, decompress downloaded script zip file and go to examples folder then go to standard folder then go to js folder, you will find js file main.js, open this file and use the example code included on it, if you don’t understand how it works then back to me and I will help you, I prefer to contact us in skype to help with direct chat, skype id : ouit.team
Can we add just one spin right for one user with unique code before the spin it?
yes is possible
I’ve run the demo on https://www.22codes.com/demo/javascript/superwheel/index.html and it results in “Nothing” or “No luck” every single time and unless I’m missing something, there’s nothing in that demo restricting those outcomes. Is this a bug?
Hello stevesicherman, Thankyou for asking this Question. it is not a bug , I have already set it in parameters to randomly select by two values only, Lets change it to randomly select between all of values, Best regards
