HemenGorus Widget - imona/tutorial GitHub Wiki

Find the URL link you want to display in the widget

Url can refer to a doctor, clinic or a category page.
Visit hemengorus.com and find your page URL.

How to send user information to widget

Add this script to onload of your page that contains the widget.

<script>
	window.onload = function(){
		sendUserInfo("user_name","user_surname","user_email","user-phone");
	}
</script>

###How to Setup Full Screen Hemen Görüş Widget 1- Add Required CSS File

<link href="https://www.hemengorus.com/css/widget-1.0.10.css" rel="stylesheet">

2- Add Required JS File

<script src="https://www.hemengorus.com/js/widget-1.0.10.js"></script>

3- Add The Following Snippet Code in body and put your url to <iframe src="YOUR_IFRAME_URL">

<div id="hemengorusMainDiv">
    <div class="hg_wrapper">
        <button class="hg_close" type="button">×</button>
        <div class="hg_iframe">
            <!-- a transparent image is preferable -->
            <img class="hg_bgratio"
                 src="https://www.hemengorus.com/img/iframe_bg.jpg"/>
            <iframe id="hemengorusIframe" src="YOUR_IFRAME_URL" allowFullScreen="true" frameborder="0" scrolling="yes"></iframe>
        </div>
        <div class="hg_footer">
            <div style="text-align: center;">
                <small class="copyright">Powered by <a href="//hemengorus.com" target="_blank">hemengorus.com</a>
                </small>
            </div>
        </div>
    </div>
</div>

4- Add Button to Trigger Widget (it can be a link or a button)

<a id="hemengorus">Hemen Görüş</a>
<button id="hemengorus">Hemen Görüş</button>

See Live Demo Full Screen Hemen Görüş Widget

How to Setup Slide Left Hemen Görüş Widget

1- Add Required CSS File

<link href="https://www.hemengorus.com/css/widget-1.0.10.css" rel="stylesheet">

2- Add Required JS File

<script src="https://www.hemengorus.com/js/widget-1.0.10.js"></script>

3- Add The Following Snippet Code in body and put your url to <iframe src="YOUR_IFRAME_URL">

<div class="hemengorusSlideLeftDiv" style="left: -664px;">
    <iframe id="hemengorusSlideIframe" src="YOUR_IFRAME_URL"  width="648" height="640" frameborder="0" scrolling="yes" allowFullScreen="true"></iframe>
    <div class="footer" style="width: 650px;">
        <div style="text-align: center;">
            <small class="copyright">Powered by <a href="//hemengorus.com" target="_blank">hemengorus.com</a>
            </small>
        </div>
    </div>
</div>

4- Add Button to Trigger Widget

<button class="randevuBtn" onclick="slideLeftWidget(this)"></button>

See Live Demo Slide Left Hemen Görüş Widget

⚠️ **GitHub.com Fallback** ⚠️