如何修复 Mailjet 订阅小部件表单？

如何解决如何修复 Mailjet 订阅小部件表单？

我想向我的 wordpress 网站添加一个 Mailjet 订阅表单，以允许用户订阅新闻通讯。我对编码了解不多。我为侧边栏制作了一个订阅表格（宽度为 300 像素），但它看起来很窄，四周空间很大。

我使用了以下代码：

<iframe class="mj-w-res-iframe" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://app.mailjet.com/widget/iframe/65Fj/GDv" width="100%"></iframe>

还有另一个选项，专家模式。设计您的小部件。它向我展示了这段代码：

<div class="mj-embedded mj-embed-shadow mj-vertical" style="Box-sizing: border-Box; display: inline-block; font-family: Ubuntu,Helvetica; line-height: normal; text-align: left; background-color: transparent; Box-shadow: none; padding: 20px; width: 340px; height: auto;">
<div class="mj-embedded-content" style="padding: 15px; background-color: rgb(255,255,255); Box-shadow: rgba(0,0.35) 0px 0px 20px;">
    <div class="mj-embedded-header" style="Box-sizing: border-Box; font-size: 26px; max-width: 100%; width: auto; color: rgb(89,91,97);">
        <div class="mj-embedded-title" style="Box-sizing: border-Box; text-align: left;"><font size="5">Τα ενημερωτικά δελτία περιορίζονται σε ενημερώσεις για:</font><br></div>
    </div>
    <div class="mj-embedded-body" style="Box-sizing: border-Box; color: rgb(176,179,184); font-size: 16px; padding: 30px 0px; text-align: left;"><div>1) Αξιολογήσεις Υλικών - Προϊόντων<br></div><div>2) Διαγωνισμούς &amp; Ενημερώσεις</div><div>3) Σεμινάρια &amp; Συνέδρια</div></div>
    <div class="mj-embedded-footer" style="Box-sizing: border-Box;">
        <div class="mj-form" style="Box-sizing: border-Box; display: table; width: 100%;">
            <div class="w-preview-field-table" style="Box-sizing: border-Box; display: block; width: 100%;">
                <div class="w-preview-fields-content-row" style="Box-sizing: border-Box; display: flex; flex-direction: row;">
                    <div class="w-preview-fields-content-cell" style="Box-sizing: border-Box; vertical-align: top; flex-grow: 1; padding: 0px 0px 10px; display: block; width: 100%;">
                        <input class="w-preview-fields-content-cell-field-email" type="email" placeholder="Γράψτε το e-mail σας.." name="w-field-field-163897-1046175-1451749-email" required="required" style="Box-sizing: border-Box; font-family: Ubuntu,Helvetica; font-size: 14px; height: 36px; padding-left: 17px; margin-right: 20px; border-radius: 3px; border: 2px solid rgb(225,225,230); width: 100%;">
                    </div>
                    
                </div><div class="w-preview-fields-content-row" style="Box-sizing: border-Box; display: flex; flex-direction: row;">
                    <div class="w-preview-fields-content-cell" style="Box-sizing: border-Box; vertical-align: top; flex-grow: 1; padding: 0px 0px 10px; display: block; width: 100%;">
                        <input class="w-preview-fields-content-cell-field-393828" type="text" placeholder="Το όνομα σας.." name="w-field-field-163897-1046175-1451749-393828" style="Box-sizing: border-Box; font-family: Ubuntu,230); width: 100%;">
                    </div>
                    
                </div><div class="w-preview-fields-content-row" style="Box-sizing: border-Box; display: flex; flex-direction: row;">
                    <div class="w-preview-fields-content-cell" style="Box-sizing: border-Box; vertical-align: top; flex-grow: 1; padding: 0px 0px 10px; display: block; width: 100%;">
                        <input class="w-preview-fields-content-cell-field-393830" type="text" placeholder="Η ιδιότητα σας.." name="w-field-field-163897-1046175-1451749-393830" style="Box-sizing: border-Box; font-family: Ubuntu,230); width: 100%;">
                    </div>
                    
                </div>
            </div><div class="mj-form-button" style="Box-sizing: border-Box; font-family: Ubuntu,Helvetica; text-align: center; vertical-align: middle; flex-grow: 1; margin: 0px; width: 100%; padding: 0px;">
                        <div class="mj-subscribe-button" style="Box-sizing: border-Box; width: auto; height: 36px; font-family: Ubuntu,Helvetica; font-size: 13px; text-align: center; line-height: 36px; color: rgb(89,97); border-radius: 3px; max-width: 100%; white-space: Nowrap; background-color: rgb(255,191,64); padding: 0px 10px;">
                            <div class="mj-subscribe-button-content" style="Box-sizing: border-Box; display: inline-block; font-family: &quot;arial black&quot;,Helvetica;"><b><font size="4">Εγγραφή</font></b></div>
                        </div>
                    </div>
        </div>
    </div>
</div>

我将此代码放在小部件区域中并且在右侧边栏中看起来不错，但它不起作用。订阅按钮不起作用。没有人可以订阅。

我不支持 Mailjet，因为我仍在使用免费计划。我还不需要月度计划。有什么帮助吗？