> ## Documentation Index
> Fetch the complete documentation index at: https://jinshuju-20a27453.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 在自有网页中嵌入表单

> 当需要将表单嵌入到网页或应用中时，可使用嵌入式表单功能获取嵌入代码。

<img src="https://mintcdn.com/jinshuju-20a27453/HTQ0GlyiuT1J8jK-/v4/attachments/En8S2xZQGUH7u3BU42cGjjqk.png?fit=max&auto=format&n=HTQ0GlyiuT1J8jK-&q=85&s=fbf02edaea50514a18832da471557667" alt="PC|表单发布|表单嵌入设置页面,左侧菜单选中「表单嵌入」,右侧显示微信嵌入悬浮按钮和网页嵌入三个功能区域,可配置嵌入方式和参数" width="2000" height="769" data-path="v4/attachments/En8S2xZQGUH7u3BU42cGjjqk.png" />

## 在网页中嵌入悬浮按钮

通过将代码粘贴至网页 HTML 期望的位置。你可以在网页中嵌入悬浮式按钮，用户点击后可在新页面打开表单。

<img src="https://mintcdn.com/jinshuju-20a27453/YUXwIKtqKLjC_PZb/v4/attachments/oCyk7mqFFAFuW1KARDBQsCJf.png?fit=max&auto=format&n=YUXwIKtqKLjC_PZb&q=85&s=0db611d1df631944be27b15faad2c028" alt="PC|表单发布|网页嵌入悬浮按钮设置区域,可自定义按钮文字为「查看表单」按钮文字颜色按钮底色和按钮位置,点击「保存并生成代码」获取嵌入代码" width="2000" height="491" data-path="v4/attachments/oCyk7mqFFAFuW1KARDBQsCJf.png" />

***

## 在网页中嵌入

在网页中嵌入表单填写页面，支持 script 和 iframe 两种嵌入方式。

注意：非企业版基础版及以上版本，表单嵌入自有页面时，不能设置提交后跳转非金数据域名链接。

<img src="https://mintcdn.com/jinshuju-20a27453/SPiIrK1JjUgg13q0/v4/attachments/R5NsN44AiZ5SpYSFomXBpcpt.png?fit=max&auto=format&n=SPiIrK1JjUgg13q0&q=85&s=6b948a10f957f033286f8d70c419b1aa" alt="PC|表单发布|嵌入方式选择下拉菜单,显示「以script方式嵌入表单」和「以iframe方式嵌入表单」两个选项,推荐script方式可自适应高度" width="2000" height="583" data-path="v4/attachments/R5NsN44AiZ5SpYSFomXBpcpt.png" />

在网页中嵌入表单时，系统默认表单 background 为 white，若需要显示网页颜色，需在嵌入的 script 中将 background 改成 transparent 。

![PC|表单发布|script嵌入代码示例,红框标注background=transparent和height=1104参数,用于设置表单背景透明和自定义高度](https://help-assets.jinshuju.net/assets/file/3107/__.png)

<img src="https://mintcdn.com/jinshuju-20a27453/qCEgiy_WXHXKMNNA/v4/attachments/v2FFUTCHwywPx5KsKTg6B1Tj.png?fit=max&auto=format&n=qCEgiy_WXHXKMNNA&q=85&s=ff478b4bb9a95a5d288273a039c1c62f" alt="PC|表单发布|script嵌入代码完整示例,包含inner_redirect=false和banner=show参数,复制后粘贴到网页HTML期望位置即可嵌入表单" width="1878" height="74" data-path="v4/attachments/v2FFUTCHwywPx5KsKTg6B1Tj.png" />

⚠️注意：

1）因微信官方规范，开启 [微信收集信息 ](/v4/articles/wechat-personal-info)或 [微信支付 ](/v4/articles/weixinpay)后，会导致表单嵌入失效，请关闭后再使用表单嵌入功能。如果要用收款功能，请在你的网页中直接插入表单的 H5 超链接。

2）嵌入的宽度是默认 100% ，如需修改宽度，请将嵌入代码中的 width="100% 的 100% 改为其他的百分比。

3）使用默认的 iframe 嵌入代码，填写表单点击提交按钮会一直显示提交中，未跳转到提交成功页面。解决方案：需要将嵌入代码中的「inner\_redirect=false」改为「inner\_redirect=ture」后，重新嵌入。

4）Iframe 嵌入网页后手机端打开后「附件」字段无法多次唤起相册/相机，是因为填写者打开表单使用的内置浏览器为 QQ Browser 6.2，该安卓 QQ 浏览器版本为 2015 年 12 月发布，目前这个内核腾讯已经弃用了， QQ 浏览器版本已经更新至 12，建议用户更新一下内置浏览器内核。

5）表单用 script 方式嵌入到网页后，在「提交」按钮下方的「提交即授权...」内容会显示字体重影。是因为字的颜色是通过读取背景色来计算出来的颜色，并不是一个固定色值。目的是在不同的背景图或纯色能看清文字，加上阴影是为了防些中间色的出现，程序不能算出反色，所以加上阴影凸显这里。解决方法：你可以修改前段的 css 样式。

6）嵌入的考试场景表单无法在「考前必读」页进入答题页，是因为该页面我们做了「请求 referer」校验，你可以把「考前必读」关掉，或者请求时加上「referer」。

7）如果要将表单嵌入第三方平台，不能嵌入普通表单链接，否则可能出现提交表单后自动跳转填表页面/展示考前须知。建议使用 script 或 iframe 嵌入代码。

***

## 在 WordPress 中嵌入

<img src="https://mintcdn.com/jinshuju-20a27453/qCEgiy_WXHXKMNNA/v4/attachments/vnxYT8ft43WCnNxAX77ZSGGH.png?fit=max&auto=format&n=qCEgiy_WXHXKMNNA&q=85&s=0660a4677ea2e4a6466feb2c98363f55" alt="PC|表单发布|WordPress短代码嵌入示例,显示jinshuju插件短代码格式,包含form=ievjHI、banner=show、background=white等参数配置" width="2000" height="351" data-path="v4/attachments/vnxYT8ft43WCnNxAX77ZSGGH.png" />

**定制参数**

* 链接中的 banner 可以设置为 show 或 hide，对应显示页眉或隐藏页眉。

* 链接中的 background 可以设置为 white 或 transparent，对应为白色背景或透明背景。


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.