Great question. Here are a couple resources that should definitely help answer your question.
Essentially you will want to do the following
- Confirm the Optimizely snippet is on the page
- Open your site in a browser tab and navigate to the page you wish to edit. This may entail logging in, adding an item to your cart, or completing a portion of a form. Take the exact steps that get you to the page into the form you want to edit
- Next, open Optimizely in an adjacent tab within the same browser and create an experiment using the URL of the page you’d like to test.
I did exactly as described in your post bove and this allowed me to create the different test cases on our checkout page. However, when I go live with the test and activate it via manual activation dependent on a specific product in the shopping cart - not sure if that is essential - it will always load the product displayed in optimizely when I created the test. The product I had initially in the shopping cart will vanish. How can we fix this issue?
hi @JohannesR - It sounds like maybe you used the WYSIWYG editor to add something to your page. It also sounds like the thing you added was very specific (e.g., you did not "detach()" an item on the page and "append()" it to a different location and then change the CSS on it. Rather, you maybe deleted something and then added a very specific thing to your page).
If so, then you will need to go into "edit code" and change the code so that it works with whatever product happens to be on the page rather than the one specific product you had in your cart when you used the editor.
Analytics and Testing Guru