EDI documents and transactions
Here are some common EDI transactions that are supported within the X12 and EDIFACT EDI world. View our comprehensive list below to see EDI codes, names and definitions.
You don’t need to implement these EDI transactions yourself.
Do you really want to handle the technical lift and ongoing EDI maintenance on your own? Trading partners change EDI document requirements regularly w adding more fulfillment models or improving customer experiences. If this isn’t the type of IT projects you want your business to put effort into, you should consider full-service EDI.
We would love to help you navigate the complexities of EDI. We’ll learn about your business and help you compare quotes. Even if you don’t choose us, we’re here to help.
*{
padding: 0;
margin: 0;
font-family: 'Poppins', sans-serif;
}
.hero{
width: 80%;
height: 450px;
position: relative;
margin: 100px auto;
overflow: hidden;
}
.btn-box{
display: flex;
border-bottom: 1px solid #ccc;
}
.btn-box button{
background: transparent;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
margin-right: 50px;
font-size: 20px;
font-weight: bold;
}
.btn-box .fa{
margin-right: 20px;
}
.btn-box button:hover .fa{
color: #ff7846;
}
.content {
display: flex;
justify-content: center;
align-items: center;
margin: 5% auto;
position: absolute;
transform: translate(100%);
transition: 0.3s;
}
.content-left{
flex-basis: 50%;
}
.content-left p{
font-size: 13px;
padding: 30px 0;
}
.content-left a{
width: 150px;
display: block;
padding: 8px 5px;
border-radius: 20px;
text-decoration: none;
background-color: #ff7846;
color: #fff;
text-align: center;
}
.content-right{
flex-basis: 50%;
text-align: center;
}
.content-right img{
width: 350px;
}
#content1{
transform: translateX(0px);
}
#btn1{
color: #ff7846;
}
HTML
CSS
JAVASCRIPT
Learn JAVASCRIPT
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quod harum magnam repudiandae, sapiente dolor, dolores, vero earum dignissimos numquam ipsam libero cupiditate qui unde expedita architecto ut tenetur recusandae.
WATCH VIDEO
var content1 = document.getElementById("content1");
var content2 = document.getElementById("content2");
var content3 = document.getElementById("content3");
var btn1 = document.getElementById("btn1");
var btn2 = document.getElementById("btn2");
var btn3 = document.getElementById("btn3");
function OpenHTML(){
content1.style.transform = "translateX(0)";
content2.style.transform = "translateX(100%)";
content3.style.transform = "translateX(100%)";
btn1.style.color = "#ff7846";
btn2.style.color = "#000";
btn3.style.color = "#000";
content1.style.transitionDelay = "0.3s"
content2.style.transitionDelay = "0s"
content3.style.transitionDelay = "0s"
}
function OpenCSS(){
content1.style.transform = "translateX(100%)";
content2.style.transform = "translateX(0)";
content3.style.transform = "translateX(100%)";
btn2.style.color = "#ff7846";
btn1.style.color = "#000";
btn3.style.color = "#000";
content1.style.transitionDelay = "0s"
content2.style.transitionDelay = "0.3s"
content3.style.transitionDelay = "0s"
}
function OpenJS(){
content1.style.transform = "translateX(100%)";
content2.style.transform = "translateX(100%)";
content3.style.transform = "translateX(0)";
btn3.style.color = "#ff7846";
btn2.style.color = "#000";
btn1.style.color = "#000";
content1.style.transitionDelay = "0s"
content2.style.transitionDelay = "0s"
content3.style.transitionDelay = "0.3s"
}
.zui-table {
border: solid 1px #DDEEEE;
border-collapse: collapse;
border-spacing: 0;
font-family: Arial, Helvetica, sans-serif;
width: 100%;
}
.zui-table thead th {
background-color: #DDEFEF;
border: solid 1px #DDEEEE;
color: #336B6B;
padding: 10px;
text-align: left;
}
.zui-table tbody td {
border: solid 1px #DDEEEE;
color: #333;
padding: 10px;
}
.zui-table-highlight tbody tr:hover {
background-color: #CCE7E7;
}
.zui-table-horizontal tbody td {
border-left: none;
border-right: none;
}
*{
padding: 0;
margin: 0;
font-family: 'Poppins', sans-serif;
}
.hero{
width: 80%;
height: 450px;
position: relative;
margin: 100px auto;
overflow: hidden;
}
.btn-box{
display: flex;
border-bottom: 1px solid #ccc;
}
.btn-box button{
background: transparent;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
margin-right: 50px;
font-size: 20px;
font-weight: bold;
}
.btn-box .fa{
margin-right: 20px;
}
.btn-box button:hover .fa{
color: #ff7846;
}
.content {
display: flex;
justify-content: center;
align-items: center;
margin: 5% auto;
position: absolute;
transform: translate(100%);
transition: 0.3s;
}
.content-left{
flex-basis: 50%;
}
.content-left p{
font-size: 13px;
padding: 30px 0;
}
.content-left a{
width: 150px;
display: block;
padding: 8px 5px;
border-radius: 20px;
text-decoration: none;
background-color: #ff7846;
color: #fff;
text-align: center;
}
.content-right{
flex-basis: 50%;
text-align: center;
}
.content-right img{
width: 350px;
}
#content1{
transform: translateX(0px);
}
#btn1{
color: #ff7846;
}
HTML
CSS
JAVASCRIPT
Learn CSS
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quod harum magnam repudiandae, sapiente dolor, dolores, vero earum dignissimos numquam ipsam libero cupiditate qui unde expedita architecto ut tenetur recusandae.
WATCH VIDEO
Learn JAVASCRIPT
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quod harum magnam repudiandae, sapiente dolor, dolores, vero earum dignissimos numquam ipsam libero cupiditate qui unde expedita architecto ut tenetur recusandae.
WATCH VIDEO
var content1 = document.getElementById("content1");
var content2 = document.getElementById("content2");
var content3 = document.getElementById("content3");
var btn1 = document.getElementById("btn1");
var btn2 = document.getElementById("btn2");
var btn3 = document.getElementById("btn3");
function OpenHTML(){
content1.style.transform = "translateX(0)";
content2.style.transform = "translateX(100%)";
content3.style.transform = "translateX(100%)";
btn1.style.color = "#ff7846";
btn2.style.color = "#000";
btn3.style.color = "#000";
content1.style.transitionDelay = "0.3s"
content2.style.transitionDelay = "0s"
content3.style.transitionDelay = "0s"
}
function OpenCSS(){
content1.style.transform = "translateX(100%)";
content2.style.transform = "translateX(0)";
content3.style.transform = "translateX(100%)";
btn2.style.color = "#ff7846";
btn1.style.color = "#000";
btn3.style.color = "#000";
content1.style.transitionDelay = "0s"
content2.style.transitionDelay = "0.3s"
content3.style.transitionDelay = "0s"
}
function OpenJS(){
content1.style.transform = "translateX(100%)";
content2.style.transform = "translateX(100%)";
content3.style.transform = "translateX(0)";
btn3.style.color = "#ff7846";
btn2.style.color = "#000";
btn1.style.color = "#000";
content1.style.transitionDelay = "0s"
content2.style.transitionDelay = "0s"
content3.style.transitionDelay = "0.3s"
}
