1)     Подключить jQuery

2)     Добавить кнопку с классом buttonShowWidget

<img scr="https://sx24.ru/CalcShoes/assets/widget/ButtonOpenWidget.png&quot; class="buttonShowWidget">

3)     Добавить блок фона с классом bgWidget

<div class="bgWidget" style="display: none"></div>

4)     Добавить кнопку закрытия c классом closeButtonWidget

<div class="closeButtonWidget" style="display: none">&#215;</div>

5)     Добавить фрейм с ссылкой на виджет и классом stickWidget

<iframe src="https://sx24.ru/CalcShoes/assets/widget/ForIFrame.html?VendorCode=Master_8_CTAS&amp;Sex=#&quot";
frameborder="0" class="stickWidget" style="display:none"></iframe>

6)     Добавить стили

<style>
    .buttonShowWidget{
        cursor: pointer;
    }
    .bgWidget{
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: black ;
        opacity: 0.5;
        z-index: 999;
        position: fixed;
    }
    .stickWidget {
        position: absolute;
        width: 800px;
        min-height: 1200px;
        left: 50%;
        margin-left: -400px;
        z-index: 9999;
        top: 5%;
    }

    .closeButtonWidget{
        position: absolute;
        z-index: 99999;
        top: 10%;
        color: black;
        cursor: pointer;
        left: 50%;
        margin-left: 350px;
        font-size: 30px;
    }
@media screen and (max-width: 800px) {
    .stickWidget {
        position: absolute;
        width: 400px;
        min-height: 1300px;
        left: 50%;
        margin-left: -200px;
        z-index: 9999;
        top: 5%;
    }
    .closeButtonWidget{
        position: absolute;
        z-index: 99999;
        top: 10%;
        color: black;
        cursor: pointer;
        left: 50%;
        margin-left: 150px;
        font-size: 30px;
    }
}
</style>

7)    Добавить скрипт обработки событий отображения и закрытия виджета

<script>
    $(function () {
        $(document).on('click', '.buttonShowWidget', function () {
            $('. bgWidget).css('display', 'block');
            $('.stickWidget').css('display', 'block');
            $('.closeButtonWidget').css('display', 'block');
        })
        $(document).on('click', '.closeButtonWidget', function () {
            $('. bgWidget).css('display', 'none');
            $('.stickWidget').css('display', 'none');
            $('.closeButtonWidget').css('display', 'none');
        })
    })
</script>

    

Пример установки

<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
<img src="https://sx24.ru/CalcShoes/assets/widget/ButtonOpenWidget.png" class="buttonShowWidget" >
<div class="bgWidget" style="display: none"></div>
<div class="closeButtonWidget" style="display: none">&#215;</div>
<iframe src="https://sx24.ru/CalcShoes/assets/widget/ForIFrame.html?VendorCode=Master_8_CTAS&Sex=#" frameborder="0" class="stickWidget" style="display: none"></iframe>
<style>
    .buttonShowWidget{
        cursor: pointer;
    }
    .bgWidget{
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: black ;
        opacity: 0.5;
        z-index: 999;
        position: fixed;
    }
    .stickWidget {
        position: absolute;
        width: 800px;
        min-height: 1200px;
        left: 50%;
        margin-left: -400px;
        z-index: 9999;
        top: 5%;
    }
    .closeButtonWidget{
        position: absolute;
        z-index: 99999;
        top: 10%;
        color: black;
        cursor: pointer;
        left: 50%;
        margin-left: 350px;
        font-size: 30px;
    }
@media screen and (max-width: 800px) {
    .stickWidget {
        position: absolute;
        width: 400px;
        min-height: 1300px;
        left: 50%;
        margin-left: -200px;
        z-index: 9999;
        top: 5%;
    }
    .closeButtonWidget{
        position: absolute;
        z-index: 99999;
        top: 10%;
        color: black;
        cursor: pointer;
        left: 50%;
        margin-left: 150px;
        font-size: 30px;
    }
}
</style>
<script>
    $(function () {
        $(document).on('click', '.buttonShowWidget', function () {
            $('. bgWidget).css('display', 'block');
            $('.stickWidget').css('display', 'block');
            $('.closeButtonWidget').css('display', 'block');
        })
        $(document).on('click', '.closeButtonWidget', function () {
            $('. bgWidget).css('display', 'none');
            $('.stickWidget').css('display', 'none');
            $('.closeButtonWidget').css('display', 'none');
        })
    })
</script>