问题描述
我想向我的 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) Διαγωνισμούς & Ενημερώσεις</div><div>3) Σεμινάρια & Συνέδρια</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: "arial black",Helvetica;"><b><font size="4">Εγγραφή</font></b></div>
</div>
</div>
</div>
</div>
</div>
我将此代码放在小部件区域中并且在右侧边栏中看起来不错,但它不起作用。订阅按钮不起作用。没有人可以订阅。
我不支持 Mailjet,因为我仍在使用免费计划。我还不需要月度计划。有什么帮助吗?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)