Magento 2是一个功能强大的电子商务平台,允许轻松创建和管理自己的在线商店。联系表单是与客户互动的重要组成部分之一,但有时默认的表单字段不够满足需求。在本文中,将介绍如何在Magento 2中自定义联系表单,以添加自定义字段。

1:准备自定义字段。

首先,需要决定要添加到联系表单的自定义字段。在示例中,将添加一个名为"Custom Field"的文本输入字段。

2:复制表单模板文件。

Magento联系表单的默认模板位于以下位置:vendor/magento/module-contact/view/frontend/templates/form.phtml

要自定义表单,需要将默认模板文件复制到自定义模块的模板目录中。假设自定义模块名称为"Vendor_Extension",则复制form.phtml文件到app/code/Vendor/Extension/view/frontend/templates目录中。

在这里,可以根据需要编辑form.phtml文件,并添加自定义字段。以下是一个示例,向表单添加了一个名为"Custom Field"的字段:

html

Copy code

<div class="field custom required">

    <label for="custom">

        <span>

            <?php /* @escapeNotVerified */ echo __('Custom Field') ?>

        </span>

    </label>

    <div>

        <input name="custom" id="custom" title="<?php /* @escapeNotVerified */ echo __('Custom Field') ?>" value="" type="text" data-validate="{required:true}">

    </div>

</div>

3:更新布局文件。

接下来,需要创建一个布局文件以确保Magento 2加载自定义表单模板。创建一个名为contact_index_index.xmlXML文件,并将其保存在app/code/Vendor/Extension/view/frontend/layout目录中。以下是文件的内容:

xml

Copy code

<?xml version="1.0"?>

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">

    <body>

        <referenceBlock name="contactForm" remove="true"/>

        <referenceContainer name="content">

            <block class="MagentoContactBlockContactForm" name="customContactForm" template="Vendor_Extension::form.phtml" />

        </referenceContainer>

    </body>

</page>

在上述XML中,告诉Magento 2要使用自定义模板form.phtml替换默认的联系表单。确保文件路径和模块名称正确。

4:清除缓存和重新索引。

最后,为了使更改生效,请确保清除Magento 2的缓存和重新索引系统。可以通过在命令行中运行以下命令来执行此操作:

bash

Copy code

php bin/magento cache:clean

php bin/magento indexer:reindex

现在,自定义字段已添加到联系表单中。当客户访问在线商店的联系页面时,他们将看到包含"Custom Field"的新字段,可以使用它来向提供更多信息或查询。

通过遵循以上步骤,可以轻松自定义Magento 2的联系表单,以满足业务需求。这使能够更好地与客户互动,并收集他们的信息和反馈,以提供更好的购物体验。

(本文内容根据网络资料整理,出于传递更多信息之目的,不代表连连国际赞同其观点和立场)
*连连国际 (LianLian Global) 是连连数字旗下跨境支付核心品牌