Insert image in step

Hi @brovreizh ,
Thank you for using the Simple Tour Guide plugin. At this point, you can only store text in the plugin settings, however, it is absolutely possible to add any type of html code to a specific step with just a little bit of javaScript. Here is a quick example of what you can do:
1. Go to the plugin’s settings page and assign a custom classname to the step you want to target, let’s call the step “append-html-to-step”.

Image One: Add custom class to the step

2. Install the Simple Custom CSS and JS plugin. It will empower you to easily add js code.

3. Add the following js code (use the plugin that we have just installed):

jQuery(document).ready(function( $ ){
  setTimeout( function(){
      	$( ".shepherd-button" ).click(function() {
        $( ".append-html-to-step .shepherd-text" ).append( "<p>Html code.</p>" );
	});
  }, 300);
});

Image Two: Add js code in the plugin

Now, when you fire the tour again, you should be able to see the appended html code in the description of the step that we targeted. You can do something very similar to append an image. Please also check this thread how to append an image with javaScript: https://stackoverflow.com/questions/941206/jquery-add-image-inside-of-div-tag

P.S: Do not forget to add the correct url of the image in the src tag. You can simply upload an image in the Media tab, copy the full url, paste it in the src tag and you are good to go!

Hope this helps!