I have been in contact with Visual Website Optimizer (VWO), because I want to do A/B testing on a new website we launch soon.
Now, VWO is not working because: "the CSS selector path is computed by VWO to locate the element on which the changes should be applied. The highest precedence is of ID and if there is some dynamic ID on your webpage that changes everytime a visitor visit the webpage, then the CSS selector path will never match and the changes will not be applied as in your case. So in order for VWO to calculate the correct CSS selector path everytime I would request you to please apply an ID on the DIV after the element in the source code. You will have to apply this changes in the source code of the webpage."
Will that be a big change to our source code? Or is it an easy change? I do not want to mess too much with the coding that hurts the theme itself. I just want to do some A/B Testing.
The ID's added to rows are random and generated on page load however you have the option to add class names onto every row/column via the page builder - would that work for your case or does it need to be ID's?
Thank you for your reply. I checked with VWO and they responded "The CSS selector path is calculated from the IDs, so the beginning of the CSS selector path will have the random ID that will not match and will cause the issue. Could you ask to place a static or fixed ID on the DIV below the one having the random or dynamic IDs so that the CSS selector path is calculated from the fixed ID as it will be closer to the element that you have changed."
Would that be possible without making problems with the theme / our website?
Unfortunately this would take some custom development - as the vc_row element would need more logic to generate static iD's. It wouldn't be hard to manually wrap things with unique ID's in the editor, but I assume you need every row to automatically have it.
That is around our header. However, how do we create the Fixed ID on the Button in the Nectar Slider? We only need some places on our website to have Static ID's, so we can use a tool like Visual Website Optimizer or Optimizely.
I am afraid this is not possible since the button is generic so adding a button in the shortcode-processing.php file would put the id on all instances of the nectar slider.
Hi,
I have been in contact with Visual Website Optimizer (VWO), because I want to do A/B testing on a new website we launch soon.
Now, VWO is not working because: "the CSS selector path is computed by VWO to locate the element on which the changes should be applied. The highest precedence is of ID and if there is some dynamic ID on your webpage that changes everytime a visitor visit the webpage, then the CSS selector path will never match and the changes will not be applied as in your case. So in order for VWO to calculate the correct CSS selector path everytime I would request you to please apply an ID on the DIV after the element in the source code. You will have to apply this changes in the source code of the webpage."
Will that be a big change to our source code? Or is it an easy change? I do not want to mess too much with the coding that hurts the theme itself. I just want to do some A/B Testing.
Thank you.
Roald
Hey Roald!
The ID's added to rows are random and generated on page load however you have the option to add class names onto every row/column via the page builder - would that work for your case or does it need to be ID's?
Cheers
Hi,
Thank you for your reply. I checked with VWO and they responded "The CSS selector path is calculated from the IDs, so the beginning of the CSS selector path will have the random ID that will not match and will cause the issue. Could you ask to place a static or fixed ID on the DIV below the one having the random or dynamic IDs so that the CSS selector path is calculated from the fixed ID as it will be closer to the element that you have changed."
Would that be possible without making problems with the theme / our website?
Cheers. Roald
Hey again!
Unfortunately this would take some custom development - as the vc_row element would need more logic to generate static iD's. It wouldn't be hard to manually wrap things with unique ID's in the editor, but I assume you need every row to automatically have it.
Cheers
Hi,
So we can only wrap around in the Editor like this?
<div id='foobar' style='border: 1px solid black'>
[vc_row type="full_width_background" bg_position="left top" bg_repeat="no-repeat" text_color="light" text_align="left" top_padding="20" bottom_padding="20"][vc_column width="1/1" animation="none" enable_animation="true"][nectar_slider location="Home 3 filmpje" min_slider_height="250" full_width="true" slider_height="650" arrow_navigation="true" bullet_navigation="true" desktop_swipe="true" parallax="true"][/vc_column][/vc_row]
</div>
That is around our header. However, how do we create the Fixed ID on the Button in the Nectar Slider? We only need some places on our website to have Static ID's, so we can use a tool like Visual Website Optimizer or Optimizely.
Thank you. Roald
Hey Roald!
I am afraid this is not possible since the button is generic so adding a button in the shortcode-processing.php file would put the id on all instances of the nectar slider.
All the Best,
-T
ThemeNectar Support Team
Ok Thank you Tahir.
Cheers. Roald